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

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
淅川县| 阿坝县| 青河县| 同德县| 盘山县| 平山县| 胶南市| 南皮县| 西充县| 通海县| 文水县| 临泽县| 尚志市| 富民县| 汝城县| 嫩江县| 永宁县| 个旧市| 拉萨市| 丰城市| 玛沁县| 辉县市| 常熟市| 雅江县| 彭水| 申扎县| 定安县| 寻乌县| 布尔津县| 莱阳市| 龙里县| 阜南县| 阳春市| 满城县| 桦南县| 怀集县| 涟源市| 开远市| 贡嘎县| 原平市| 盐津县|