利用meta標(biāo)簽禁止用戶縮放

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

width 屬性控制設(shè)備的寬度。假設(shè)您的網(wǎng)站將被帶有不同屏幕分辨率的設(shè)備瀏覽,那么將它設(shè)置為 device-width 可以確保它能正確呈現(xiàn)在不同設(shè)備上。
initial-scale=1.0 確保網(wǎng)頁加載時(shí),以 1:1 的比例呈現(xiàn),不會(huì)有任何的縮放。
在移動(dòng)設(shè)備瀏覽器上,通過為 viewport meta 標(biāo)簽添加 user-scalable=no 可以禁用其縮放(zooming)功能。
通常情況下,maximum-scale=1.0 與 user-scalable=no 一起使用。這樣禁用縮放功能后,用戶只能滾動(dòng)屏幕,就能讓您的網(wǎng)站看上去更像原生應(yīng)用的感覺。
注意,這種方式我們并不推薦所有網(wǎng)站使用,還是要看自己的情況而定!

<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,809評(píng)論 1 45
  • < meta > 元素 概要 標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁面上,但是對(duì)于機(jī)器是可讀的。它可...
    種諤閱讀 570評(píng)論 2 2
  • < meta > 元素概要標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁面上,但是對(duì)于機(jī)器是可讀的。它可用于...
    TeslaChen閱讀 1,082評(píng)論 0 1
  • 有效的學(xué)習(xí)方法 一、心態(tài)良好 1.1 夢(mèng)想激勵(lì)法——激發(fā)學(xué)習(xí)的熱情 有夢(mèng)想,才會(huì)有學(xué)習(xí)的動(dòng)力。如果缺乏自我激勵(lì),學(xué)...
    vveinv閱讀 1,564評(píng)論 0 1
  • 6.1前夕,收到老師發(fā)來的私信。 幼兒園獲獎(jiǎng),你說我這是越活越年輕了?還是吹牛吹大發(fā)了?。。。 于是,我苦命的假期...
    S貓閱讀 486評(píng)論 0 6

友情鏈接更多精彩內(nèi)容