移動端h5開發注意事項：
1.開發時小比較多，所以我使用絕對定位的次數比較多，絕對定位時盡量根據top進行定位，bottom定位在移動端下方出現時橫條時，會讓樣式錯亂。
2.布局方面我是用的是rem + **查詢
我看也有用寫一段js指令碼實現rem的，這種方式在一定條件很精準，但在螢幕很寬而長度很短時會有一點問題，比如ipad、在實驗過程中iphone5也會有點偏差，所以在js中需要限制一下
我常用的是**查詢，等有更好的方法會再分享：
如下，我通過計算使100px = 1rem
方便後續的書寫
@media screen and (min-width: 320px)
}@media screen and (min-width: 360px)
}@media screen and (min-width: 375px)
}@media screen and (min-width: 400px)
}@media screen and (min-width: 414px)
}@media screen and (min-width: 440px)
}@media screen and (min-width: 480px)
}@media screen and (min-width: 520px)
}@media screen and (min-width: 560px)
}@media screen and (min-width: 600px)
}@media screen and (min-width: 640px)
}@media screen and (min-width: 680px)
}@media screen and (min-width: 720px)
}@media screen and (min-width: 760px)
}@media screen and (min-width: 800px)
}@media screen and (min-width: 960px)
}
rem(a)背景**直接使用audio屬性
網上的解決方案：
您的瀏覽器不支援 video 標籤
translate3d，開啟gpu硬體加速模式
例如：
.cloud_one
@keyframes cloud
to }
transform:transform 5s linear;
transition:rotate(50deg)
ios無此問題
可以判斷一下機型，如果是andriod 檢測當前視窗高度小與某個值是，使fixed的元素隱藏。
**查詢解決：
@media (max-height: 400px)或者新增屬性：autofocus=「autofocus」
ios系統限制，暫時沒有找到方法，必須使用者有所互動
H5編寫移動端注意事項
在編寫移動端網頁時需要注意如下幾點 首先，在建立好的 html 頁面中需要設定 viewport 單位的使用 首先我們需要明白一些單位作用 px一般都是固定的大小 em是參考其父級元素的font size所設定的值 因此，首行縮排經常會用到 text indent 2em rem則是參考的html下...
移動端h5開發基礎
移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度，縮放比例為1，禁止使用者縮放。用於檢測視口，主要的效果就是取消下面的滾動條，讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候，頁面也不會失真。三.相容手機螢幕大...
移動端開發的注意事項
1 把viewport設定成裝置的實際畫素 在標籤中加入 a.移動端單獨使用一套資源時 直接對css進行編寫，在瀏覽器進行除錯的時候切換至手機螢幕進行顯示。b.pc端與移動端使用同一套資源時 在css中寫入 media max width 500px 這樣在螢幕小於500px的時候，使用的都是上面所...