當前位置:首頁 > 公司新聞 > 列表

網頁寬度自動适應手機屏幕寬度的(de)方法 .

點擊:時(shí)間:2014/5/26關鍵詞:
<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>在網
  • <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />  

  • 在網頁的(de)<head>中增加以上這(zhè)句話(huà),可(kě)以讓網頁的(de)寬度自動适應手機屏幕的(de)寬度。

    其中:

    width=device-width :表示寬度是設備屏幕的(de)寬度

    initial-scale=1.0:表示初始的(de)縮放比例

    minimum-scale=0.5:表示最小的(de)縮放比例

    maximum-scale=2.0:表示最大(dà)的(de)縮放比例

    user-scalable=yes:表示用(yòng)戶是否可(kě)以調整縮放比例

     

    如果是想要一打開網頁,則自動以原始比例顯示,并且不允許用(yòng)戶修改的(de)話(huà),則是:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />  

    預約建站
    免費提供網站優化(huà)
    領取關鍵詞