您的位置：首页 > 运维架构 > 网站架构

解决手机访问网站时整体相对屏幕缩小问题？（已解决）

2014-07-14 11:49 399 查看

解决手机访问网站时整体相对屏幕缩小问题？（已解决）

自己开发出来的网站，在手机上访问时，总是整体小了一块，不能很好的适应屏幕，每次都要用手指再放大到合适尺寸，后发现，需要在开发代码中添加：

<meta name="viewport" content="width=device-width, initial-scale=1"> （可添加到第一行）

参数说明:

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

initial-scale - 初始的缩放比例

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

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

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

此参数说明参考：http://www.2cto.com/kf/201308/240021.html

如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：

<meta name="viewport" content="width=device-width,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
================================================ [另一种方法]

把这段

<!DOCTYPE ........>

替换为这段

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

注：此方法在iPhone下横屏时宽度会超过屏幕宽度出现滚动条，解决方法就是加上方法一的代码

参考：http://www.strongfire.cn/article/319.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航