多年青岛网站建设经验,专业青岛网站设计公司青岛网站制作公司关于我们 | 客户服务欢迎来到青岛网站建设公司青华互联!
年轻,更要脱颖而出
对于网站建设,我们有活力,有态度
我们的优势: 专业网络公司,网站设计师量身定制 配备阿里云主机,BGP多线,高速访问 保障网站数据稳定、安全 免费提供快速ICP备案 承诺24小时快速解决网站问题

做手机移动网站必须要知道的viewport

更新时间:2015-08-11 10:31   已阅读: 次 |  作者:青华互联  来源:青岛网站建设

青岛网站建设公司青华互联今天给您说一说手机站的小知识:当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是万维网络教大家如?#38382;?#29992;好viewport,不但safari浏览器,其他浏览器也支持,他可以让手机用固定的像素来显示页面,这样就可以完美解决这个问题。

那么如?#38382;?#29992;viewport呢?viewport是网页meta中定义的,其主要作用是适合移动设备的屏幕大小。如以下代码:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />

?#20040;?#30721;的作用是指定页面宽度为设备的宽度,缩放比例为1:1,不允许用户缩放大小。

其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放


文章引用:http://www.azm2m.com/news/webzhishi/899.html
青岛网站建设
电话咨询
0532-80812129
186-532-19163
青岛网站制作
青岛网站建设手机站
返回顶部
上海上港足球俱乐部官网
骗你买彩票的男人 黑龙江十一选五一定牛走势图 吉林时时网 祖师爷高手论坛 pk10六码计划倍投表 江苏十一选遗漏查询 重庆时时现场开奖结果 浙江12选5一定 七乐彩最新出球顺序表 世界杯足球队服 北京赛pk10计划预测软件 江苏体彩七位数大中小走势图 京东江西时时骗局 pk10开奖视频 15选5开奖300期 王中王资料一肖中特图