meta viewport使網(wǎng)頁在iPhone中滿屏顯示控制

字號:


    近期在做一個基于iPhone訪問的Web Site,原本智能的Safari讓我吃盡了苦頭。當設定好DIV的寬度和高度時,Safari會自動縮放。而我的目的是要滿屏顯示。
    無奈之下,忽然想到,自己常常訪問的新浪觸屏版是怎么做的?打開Opera,
    看源碼在HTML頭發(fā)現(xiàn)了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 – 用戶是否可以手動縮放