程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> JAVA綜合教程 >> 移動端web頭部header通用寫法

移動端web頭部header通用寫法

編輯:JAVA綜合教程

移動端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 © 程式師世界 All Rights Reserved