首页 > 移动平台 > 详细

Web手机自适应网页设计

时间:2017-08-12 16:49:52      阅读:186      评论:0      收藏:0      [点我收藏+]

这个主要就是需要改掉HTML的页面声明:

在HTML中添加一下代码即可正常显示:

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

解释:

width: viewport的宽度,

height: viewport的高度,

initial-scale: 初始的缩放比例,

minimum-scale: 允许用户缩放到的最小比例,

maximum-scale: 允许用户缩放到的最大比例,

user-scalable: 用户是否可以手动缩放。

最后就是不要设置太大的具体的宽度属性,如果需要大宽度的,可以采用比例的方式来设置,这样设计的屏幕宽度也能够自适应屏幕的大小。

Web手机自适应网页设计

原文:http://www.cnblogs.com/pfr-blog/p/7350624.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!