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

美工做了个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 | 引用: 0 | 查看次数: 5108
发表评论
登录后再发表评论!