你好,欢迎访问远方教程PC版!
广告位招租
网站首页 >> HTML入门 >> HTML5教程 >> 文章内容

网页自动适应手机的屏幕宽度的代码

[日期:2015-05-21]   来源:远方教程  作者:远方教程   阅读:3446次[字体: ] 访问[旧版]
 捐赠远方教程 

  网页手机wap2.0网页的head里参加下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不容许缩放。

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

  此中:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 容许用户缩放到的最小比例
maximum-scale - 容许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放c

  加入此元素,可使得手机打开网页时比较符合手机的屏幕,避免大屏幕手机打开网页存在变形的可能

图片展示
 
相关评论
站长推荐