解决手机訪问站点时总体相对屏幕缩小问题？（已解决）
Posted jhcelue
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决手机訪问站点时总体相对屏幕缩小问题？（已解决）相关的知识，希望对你有一定的参考价值。
解决手机訪问站点时总体相对屏幕缩小问题？（已解决）
自己开发出来的站点，在手机上訪问时，总是总体小了一块。不能非常好的适应屏幕，每次都要用手指再放大到合适尺寸，后发现，须要在开发代码中加入：
<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
以上是关于解决手机訪问站点时总体相对屏幕缩小问题？（已解决）的主要内容，如果未能解决你的问题，请参考以下文章