手机页面自适应的几个问题。

Question

萌新救助

我最近刚开始为微信写手机页面

找了一个设计稿 宽度是730PX的 我先按照我自己以前的书写习惯按照宽度730px将页面写了出来可是

放进微信之后就发现页面明显偏小 字体什么的都看不清 可是现在如果调整字体大小 为了达到想要的效果 DIV的宽度就不够用了

（我用的谷歌浏览器自带的测试工具测试的）百分比放大的话 手机明显无法装下整个页面  页面只能够显示部分 

页面里大部分DIV 我都设置了 宽度和高度 导致 手机里 放大缩小时低于设定的宽度直接隐藏在了页面之外 请问这个是时候我是重新将宽度都设置成百分比还是尝试转换成EM？

还有就是我在为整个BODY设置max-width 与 min-width 时 发现这两个只有一个管用 就是 当页面由最大宽度想最小宽度缩进时 无法观察到页面的变动 一直保持 最小宽度的状态

Answer 1

在移动端因为每个设备的屏幕大小不一样，题主说的字体偏小，是不是把字体的单位设成px 如果px那是有问题的。需要用rem。后面有问题由于没有看到代码所以不好确认问题点在哪。

Answer 2

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">你肯定连这个都没加，还有最外层的宽度没必要定啊