在編寫移動端網頁時需要注意如下幾點：
首先，在建立好的 .html 頁面中需要設定 viewport
首先我們需要明白一些單位作用：px一般都是固定的大小、 em是參考其父級元素的font-size所設定的值（因此，首行縮排經常會用到：text-indent:2em;）、 rem則是參考的html下的font-size的值，是相對的
在移動端開發中，為了能夠自適應，不要出現 px 單位（除非確定的元素）
使用：1）百分比
2）rem
3）螢幕寬度不需要給出，使其自適應即可
4）文字大小使用 rem
注意：頁面彙總 rem 參考的是html中的font-size的值，為了方便計算，將 html 中的字型大小設定為：font-size:50px; 這樣之後的測量中，將px單位直接 *0.01 即可。
移動端開發中無需考慮瀏覽器的相容性問題，因此h5、c3、flex布局等均可使用
補充：為了能夠更好的適應多種螢幕，可以加上**查詢，改變不同螢幕下的html中的font-size的大小
@media screen and (max-width: 374px)
}@media screen and (min-width: 374px) and (max-width: 768px)
}@media screen and (min-width: 768px) and (max-width: 1024px)
}@media screen and (min-width: 1024px)
}
2.假如不相容ie低版本瀏覽器，可以使用
3.寫響應式**或者手機端的（移動端）網頁的時候可以隨便使用
如下，是我在學習移動端開發之後，寫的簡單demo，大家可以參考
移動端/
頁面配置上需要注意
移動端h5開發注意事項
移動端h5開發注意事項 1.開發時小比較多，所以我使用絕對定位的次數比較多，絕對定位時盡量根據top進行定位，bottom定位在移動端下方出現時橫條時，會讓樣式錯亂。2.布局方面我是用的是rem 查詢 我看也有用寫一段js指令碼實現rem的，這種方式在一定條件很精準，但在螢幕很寬而長度很短時會有一點...
jdreact轉換為H5注意事項
1 先執行npm install 然後執行 npm run web init 配置完後 在執行 npm run web start 注意的是不要根據文件執行 yarn add d jdreact jdreact core web2 本地獲取使用者資訊 在 index.tpl.vm檔案中修改 wind...
移動端注意事項
移動端 1，高度不是按百分比設定，而是直接設定高度px或者em,百分比容易變形 2，寬度按照百分比來衡量 3，一般父級div不直接設定寬高，而是由子級div撐起來 4，對相同元素不同機型樣式適配用 查詢，即 media 推薦文章 1 查詢1 2 查詢25，如何讓子級div相對於父級div垂直居中 p...