關於移動端：另外寫幾點響應螢幕大小的建議和方法：
1、由於現在手機螢幕多種多樣，想要相容所有裝置所需要開發的經驗必須非常豐富，對設計師的要求也非常高，如果是初學或者開發經驗較少，可將裝置分為手機、平板、pc三種頁面來寫。
2、寬度的響應：寬度的響應最近使用的最多的就是類似以下這種寫法
width:calc(100% - 10px);
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
好處是可以很好的控制布局，把已知的寬度和整列寬度結合在一起使用，方便設定位置。
另外有些比較奇葩的手機遊覽器可能不相容css3的屬性，這時你可以使用以下**來加強你**的健壯性
@media screen and (max-width: 355px)3、的處理：由於各個裝置的解析度不同，理論上需要切出不同裝置大小的，並且判斷當前裝置的解析度再呼叫相對應的。但操作起來實在是過於困難，所以一般都是使用同一張來顯示。
我來說說calc()的相容問題：
width:95%;
width:calc(100% - 10px);
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
當遊覽器無法讀採樣式時會使用最上面的widht：95%;這樣會與實際設計稿有些許出入，所以使用時謹慎對待~
移動端前端開發1 0
1.從時間成本來說，移動端的開發最耗時的是尺寸即解析度，為了解決解析度問題，我們要先理清幾個關鍵性概念 window.innerwidth 980 viewport content width device width,initial scale 1,initial scale 1,minimum ...
前端 移動端和PC端的區別
在阿里的幾次面試中，總是被問到移動端和pc端有什麼區別，當時回答的時候主要是回答了在相容性 網速 適配 頁面布局等方面的不同，但是還是很不系統，所以這裡做乙個總結。第一 pc考慮的是瀏覽器的相容性，而移動端開發考慮的更多的是手機相容性，因為目前不管是android手機還是ios手機，一般瀏覽器使用的...
在前端眼中pc端和移動的開發區別
按照昨天所說，本包子今天將總結在前端開發中，pc端和移動端的區別，整理完這些區別，本包子將開始整理pc端的布局，會寫實際的 了，還是那句話，希望文章中有什麼不足的地方，大家能多多指正，大家一起進步，成為乙個優秀的前端 o pc端和移動端布局的區別 1.pc端沒有觸控的各種事件，移動端有 移動端沒有滑...