0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁 > 技術(shù)支持 > HTML5/CSS3 > <meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1">

時(shí)間:2016-02-16來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1015次
為了確保適當(dāng)?shù)睦L制和觸屏縮放,需要在 <head> 之中添加 viewport 元數(shù)據(jù)標(biāo)簽。

<meta name="viewport" content="width=device-width, initial-scale=1">

在移動(dòng)設(shè)備瀏覽器上,通過為視口(viewport)設(shè)置 meta 屬性為 user-scalable=no 可以禁用其縮放(zooming)功能。這樣禁用縮放功能后,用戶只能滾動(dòng)屏幕,就能讓你的網(wǎng)站看上去更像原生應(yīng)用的感覺。注意,這種方式我們并不推薦所有網(wǎng)站使用,還是要看你自己的情況而定!

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
熱門關(guān)鍵詞: <meta> viewport content width=
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開