近期在做一個基于iPhone訪問的Web Site,原本智能的Safari讓我吃盡了苦頭。當設定好DIV的寬度和高度時,Safari會自動縮放。而我的目的是要滿屏顯示。
無奈之下,忽然想到,自己常常訪問的新浪觸屏版是怎么做的?打開Opera,
看源碼在HTML頭發(fā)現了meta viewport,難道是這個家伙在發(fā)揮作用嗎?
加上試試,果然滿屏了。順便去查了一下這個標簽的作用,記錄一下,方便以后使用。
meta viewport
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
其中:
width – viewport的寬度
height – viewport的高度
initial-scale – 初始的縮放比例
minimum-scale – 允許用戶縮放到的最小比例
maximum-scale – 允許用戶縮放到的最大比例
user-scalable – 用戶是否可以手動縮放