一步使你的asp.net网站在手机浏览器上全屏显示

2013-08-30 0 个评论作者：Hi幸福来敲门

1.问题

公司的asp.net网页在手机浏览器上初始化时显示的是缩放的页面,用户必须手动放大才能看清页面的字体,这样体验不好

2.解决

前段时间学习JQuery mobile 看到所有的demo页面都能全屏显示在手机上,页面上面都有这样一段代码:

1	`<meta` `name="viewport"` `content="width=device-width, initial-scale=1">`

参数说明:

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

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

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

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

加上这段代码后你的页面按1:1的初始化比例显示了