首页 > 代码库 > 一步使你的asp.net网站在手机浏览器上全屏显示

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

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

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的初始化比例显示了

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