移動端前端開發與PC端比有哪些不一樣？

一、pc端有ie,chrome,ff 內核兼容問題移動端，簡單來講兼容問題相對較少。可是移動端要作好多分辨率的處理。移動端全部圖片和全部html標籤的尺寸都要減半。

二、移動端在佈局跟js效果方面，與PC端有什麼不一樣：
先說佈局方面：
PC端最經常使用的就是固定寬度980px（也有960，1000,1200），而後水平居中 width:980px;margin:0 auto;但移動端就不能這麼用了，由於不少網頁都是能夠橫屏看，也能夠豎屏看；不少屏幕的分辨率不同；
因此只要牽涉到移動端，就要牽涉到響應式（也叫自適應）；若是是隻針對移動端的項目，我平時主要考慮的是320px寬 到 750px寬的兼容；
js方面：（有沒有canvas，對js影響很大）
第1、普通移動端網頁（好比手機新浪網，手機淘寶，手機百度等）這個在js方面和PC端區別不是太大；主要的區別在於移動端沒有了鼠標懸停（onmouseover）；點擊（onclick）還能夠用；多了觸摸、滑動（會用一些插件）。
第2、canvas相關遊戲canvas相關的html5增長了好多js；

三、手機遊覽器可能不兼容css3的屬性，這時你可使用如下代碼來增強你代碼的健壯性
(1)@media screen and (max-width: 355px) { //寬度小於355px時
...
(2)咱們的處理方法是在使用calc()的上面寫上普通的樣式，例如：width:95%;
width:calc(100% - 10px);
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
當遊覽器沒法讀取樣式時會使用最上面的widht：95%;這樣會與實際設計稿有些許出入，因此使用時謹慎對待~ //添加屬性
}