当前位置: 代码迷 >> ASP >> 一步使您的asp.net网站在手机浏览器上全屏显示
  详细解决方案

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

热度:192   发布时间:2013-09-06 10:17:17.0
一步使你的asp.net网站在手机浏览器上全屏显示

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

1.问题

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

2.解决

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

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

参数说明:

width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

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

  相关解决方案