⼿机⽹页显⽰内容太⼩，调整⼿机端⽹页缩放
⼯作需要，要做⼀个⼿机⾃适应的⽹页效果，终于搞定，先分享并记录！
其实主要就是改掉HTML页⾯声明：
在⽹页中加⼊以下代码，就可以正常显⽰了：
代码如下:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
解释：
width - viewport的宽度
height - viewport的⾼度
initial-scale - 初始的缩放⽐例
minimum-scale - 允许⽤户缩放到的最⼩⽐例
maximum-scale - 允许⽤户缩放到的最⼤⽐例
user-scalable - ⽤户是否可以⼿动缩放
精简点的话，可以把上⾯的代码更改为以下代码，效果是⼀样的：
代码如下:
<meta content="width=device-width,user-scalable=no" name="viewport">html手机网站
最后就是不要设置太⼤的具体宽度属性了，⽐如你在⽹页把Body的宽度属性设为1000px，这肯定是不⾏的了，但是可以设置为90%，这是屏幕⾃适应的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。