以后地位:首页 > 公司消息 > 列表

网页宽度主动顺应手机屏幕宽度的方式 .

点击: 次时候: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" />  

  • 在网页的<head>中增添以上这句话,能够让网页的宽度主动顺应手机屏幕的宽度。

    此中:

    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=1.0, maximum-scale=1.0, user-scalable=no" />  

    预定建站
    收费供给网站优化
    支付关头词