国产精品一区二区三区……-大杳蕉伊人欧美一本遒在饯-日本不卡一区免费在线观看-国产亚洲欧美中文字幕

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

做手機(jī)移動(dòng)網(wǎng)站必須要知道的viewport

發(fā)表日期:2014-02-05 00:00:00   作者來源:方維網(wǎng)絡(luò)   瀏覽:6348   標(biāo)簽:viewport    手機(jī)網(wǎng)站建設(shè)    

當(dāng)你用手機(jī)瀏覽器打開傳統(tǒng)網(wǎng)站是,手機(jī)會(huì)默認(rèn)以980像素的大小顯示頁面,雖然可以顯示全部,但是全部都縮小了,看起來非常不清晰,需要局部放大才能看清,這樣的用戶體驗(yàn)明顯不能滿足需求,于是方維網(wǎng)絡(luò)教大家如何使用好viewport,不但safari瀏覽器,其他瀏覽器也支持,他可以讓手機(jī)用固定的像素來顯示頁面,這樣就可以完美解決這個(gè)問題。

那么如何使用viewport呢?viewport是網(wǎng)頁meta中定義的,其主要作用是適合移動(dòng)設(shè)備的屏幕大小。如以下代碼

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />

該代碼的作用是指定頁面寬度為設(shè)備的寬度,縮放比例為1:1,不允許用戶縮放大小。

其中width指定虛擬窗口的屏幕寬度大小
height指定虛擬窗口的屏幕高度大小
initial-scale指定初始縮放比例
maximum-scale指定允許用戶縮放的最大比例
maximun-scale指定允許用戶縮放的最小比例
user-scalable指定是否允許手動(dòng)縮放

如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://pdcharm.com/news/2129.html
岑溪市| 呼和浩特市| 宣化县| 左云县| 呼伦贝尔市| 天台县| 安新县| 镇雄县| 竹溪县| 汉阴县| 宁津县| 新丰县| 嘉祥县| 河间市| 定陶县| 临洮县| 阜新市| 桦川县| 辽中县| 曲沃县| 永清县| 资讯 | 商水县| 韩城市| 渭源县| 哈密市| 哈巴河县| 霍邱县| 杭锦后旗| 罗平县| 佳木斯市| 新晃| 江源县| 金阳县| 黎城县| 陆川县| 静海县| 遂昌县| 北碚区| 潞西市| 营口市|