欢迎光临

木子屋

标题: HTML页面总被手机浏览器缩小显示解决方法

作者: dnawo

日期: 2012-12-06 03:36 PM

分类: Web编程

内容: 美工做了个HTML页面，已经处理成可以在不同分辨率下正常显示，电脑上测正常，但手机浏览器总会将页面缩小显示。开始以为是页面尺寸大导致的，后来发现即使页面中只有一行字，也会被被缩小显示：
HTML页面总被手机浏览器缩小显示解决方法
在html的<head>和</head>之间加入下边代码可以解决：
复制内容到剪贴板 程序代码<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
viewport参数含义：
·width：viewport的宽度，可以指定一个值(比如960)，或者设置为设备的宽度(比如device-width)；
·height：viewport的高度；
·initial-scale：初始缩放比例，范围从0到10；
·maximum-scale：允许用户缩放到的最大比例，范围从0到10；
·minimum-scale：允许用户缩放到的最小比例，范围从0到10；
·user-scalable：用户是否可以手动缩放，值可以是yes或no；

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.555 ms

返回

标题: HTML页面总被手机浏览器缩小显示解决方法

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.555 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.563 ms

返回