移動端web頭部header通用寫法
1.head部分 通用寫法;網上也有,不過有的可有有的可無;原理是兼容IOS透明欄目等問題,再者就是viewport(關鍵)
- 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