推荐信息更多 >
网页宽度自动适应手机屏幕宽度的实现代码(viewport)
一般的写法如下：
XML/HTML Code复制信息内容到剪贴板
<meta name="viewport" content="initial-scale=1.0">较多的写法：
XML/HTML Code复制信息内容到剪贴板
1.<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" />
这样子写后，就可以把一些页头横幅等的image图片的宽度都配置设置成style="width:100%"，整个网站页面在设备上看起来就是全屏的了。
网站建设免费素材下载：
如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对素材圈的支持！若你觉得本文对你有帮助，欢迎，烦请注明出处，谢谢！
转载自：网页宽度自动适应手机屏幕宽度的实现代码(viewport)
网站建设制作方案是什么 ? 报价多少钱 ?
获取建站报价
【龙海网站建设】龙海网站建设制作
【龙海网站制作网站建设】龙海网站制作网站建设设计制作公司企业_龙海在线网站建设网站制作龙海网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务，不懂的网站制作网站建设知识各项协助支持2.站点
【漯河网站建设】漯河网站建设制作
【漯河网站制作网站建设】漯河网站制作网站建设设计制作公司企业_漯河无偿网站建设网站建设网站制作漯河网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务，不懂的网站制作网站建设知识各项协助支
【明港网站建设】明港网站建设制作
【明港网站制作网站建设】明港网站制作网站建设设计制作公司企业_明港在线做网站建设明港网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务，不懂的网站制作网站建设知识各项协助支持2.站点网站的
【南平网站建设】南平网站建设制作
【南平网站制作网站建设】南平网站制作网站建设设计制作第三方平台_南平在线做网站站点南平网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务，不懂的网站制作网站建设知识各项协助支持2.站点网站
【南阳网站建设】南阳网站建设制作
