移動端web頭部header通用寫法

移動端web頭部header通用寫法

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

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