當設計師在設計網頁時，一般會按照乙個固定的寬度設計，比如在pc端是1000px或者1200px，在移動端是640px或者750px。然而當這些網頁在移動裝置上瀏覽時會顯示不完整，裝置的寬度遠遠不夠。拿iphone6來說，其視口寬度是375px，完全滿足不了網頁需求。
為了彌補這一點，移動裝置上瀏覽器會把視口放大，一般是980px或者1024px。但這樣的後果是瀏覽器會出現橫向滾動條，因為裝置實際可視區域比瀏覽器自設的這個寬度要小很多，為了解決這個問題，就需要引入viewport屬性。viewport屬性通過乙個meta標籤引入，實際**如下：
移動端h5開發和原生的互動
一 使用框架 apicloud 方便和原生之間的資料互動 頁面結構 lib 第三方元件 page 頁面模組劃分 common 公共模組 二 使用過程中的問題 1 h5頁面進入二級頁面 按返回鍵 android不能一級一級按次序返回 直接回退到最上層 2 android 在鍵盤彈出的時候不能自動計算頁...
移動端H5開發中的常見問題處理
1 問題之合成海報 功能技術 問題描述 合成模糊 合成區域內容錯位，合成不完整，合成邊緣白條等。解決方案 如有頁面布局正常合成錯位的，可以檢查合成的根節點是否使用了transform屬性，嘗試不用這個屬性再去合成。海報大小設定 需根據實際可以擷取的影象調整最低高度 var webwidth docu...
移動h5開發中遇到的問題
1 輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下 2 ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被...