Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> 移動端web頭部header通用寫法

移動端web頭部header通用寫法

編輯:關於android開發

移動端web頭部header通用寫法


1.head部分 通用寫法;網上也有,不過有的可有有的可無;原理是兼容IOS透明欄目等問題,再者就是viewport(關鍵)





















  1. web前端-馬樂


2.引入引用flexible.js;這是淘寶的兼容解決方案,最大到5.5寸;用的時候把viewport去掉,flexible.js會動態添加;
主要講一下用法,網上的講的太細卻使很多網友沒懂;flexible.js只有4K,作用是:
1.動態改寫 標簽
2.給 元素添加 data-dpr 屬性,並且動態改寫 data-dpr 的值
3.給 元素添加 font-size 屬性,並且動態改寫 font-size 的值
接下來就可以用了,若你的圖示640的 就設置1rem=64px如果是750的就設置1rem=75px;比如320X240的banner,那麼就換算成5remX3.75rem(640為例)
下載地址http://www.w3cfuns.com/misc.php?mod=attach&genre=file&aid=1cec8fecbbaf2bf347f2a749486a6525

參考博文:http://www.w3cfuns.com/notes/20813/fecbb840a2574cf712a8625f88a7ab3a.html

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved