meta viewport使網(wǎng)頁(yè)在iPhone中滿屏顯示控制
發(fā)布時(shí)間：2011-02-08 21:38:17 作者：佚名 
我要評(píng)論
我要評(píng)論近期在做一個(gè)基于iPhone訪問(wèn)的Web Site,原本智能的Safari讓我吃盡了苦頭。當(dāng)設(shè)定好DIV的寬度和高度時(shí)，Safari會(huì)自動(dòng)縮放。而我的目的是要滿屏顯示。
無(wú)奈之下，忽然想到，自己常常訪問(wèn)的新浪觸屏版是怎么做的？打開Opera，
看源碼在HTML頭發(fā)現(xiàn)了meta viewport，難道是這個(gè)家伙在發(fā)揮作用嗎？
加上試試，果然滿屏了。順便去查了一下這個(gè)標(biāo)簽的作用，記錄一下，方便以后
使用。
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 – 用戶是否可以手動(dòng)縮放
看源碼在HTML頭發(fā)現(xiàn)了meta viewport，難道是這個(gè)家伙在發(fā)揮作用嗎？
加上試試，果然滿屏了。順便去查了一下這個(gè)標(biāo)簽的作用，記錄一下，方便以后
使用。
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 – 用戶是否可以手動(dòng)縮放
相關(guān)文章
像素密度與CSS3的viewport在移動(dòng)端Web響應(yīng)式布局中的運(yùn)用
viewport是CSS3中調(diào)整縮放的利器,特別適用于移動(dòng)端Web界面的操作與布局,接下來(lái)我們就來(lái)詳解像素密度與CSS3的viewport在移動(dòng)端web響應(yīng)式布局中的運(yùn)用.2016-05-27HTML5移動(dòng)端開發(fā)中的Viewport標(biāo)簽及相關(guān)CSS用法解析
這篇文章主要介紹了HTML5移動(dòng)端開發(fā)中的Viewport標(biāo)簽及相關(guān)CSS用法解析,Viewport常被叫做視口或視區(qū),在移動(dòng)端布局和屏幕適配中有著重要的作用,需要的朋友可以參考下2016-04-15簡(jiǎn)單總結(jié)CSS3中視窗單位Viewport的常見用法
這篇文章主要介紹了CSS3中視窗單位Viewport的常見用法,包括視窗的高度寬度及垂直居中等基本設(shè)定方法,需要的朋友可以參考下2016-02-04網(wǎng)頁(yè)寬度自動(dòng)適應(yīng)手機(jī)屏幕寬度的實(shí)現(xiàn)代碼(viewport)
這篇文章主要介紹了網(wǎng)頁(yè)寬度自動(dòng)適應(yīng)手機(jī)屏幕寬度的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-08-11meta標(biāo)簽中的viewport控制設(shè)備屏幕css
meta標(biāo)簽中的viewport可以控制設(shè)備屏幕的高度、寬度、初始的縮放比例等等，喜歡的朋友可以了解下2014-08-22meta標(biāo)簽中的使用viewport定義屏幕css
meta標(biāo)簽中的viewport可以設(shè)置屏幕的css樣式，包括寬、高、初始縮放比例等等2014-07-28html網(wǎng)頁(yè)中meta viewport屬性說(shuō)明
這篇文章主要介紹了html網(wǎng)頁(yè)中meta viewport屬性說(shuō)明,需要的朋友可以參考下2014-05-07- 這篇文章主要介紹了html的meta viewport屬性說(shuō)明,需要的朋友可以參考下2014-04-16
HTML meta viewport屬性詳細(xì)說(shuō)明
viewport并非只是ios上的獨(dú)有屬性，在android、winphone上同樣也有viewport，下面為大家詳細(xì)介紹下HTML meta viewport2014-03-12- 隨著高端手機(jī)(Andriod,Iphone,Ipod,WinPhone等)的盛行，移動(dòng)互聯(lián)應(yīng)用開發(fā)也越來(lái)越受到人們的重視，用html5開發(fā)移動(dòng)應(yīng)用是最好的選擇。然而，每一款手機(jī)有不同的分辨率，不2013-12-02