为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

繁花落英 2016-05-18 17:07:42
萌新救助我最近刚开始为微信写手机页面找了一个设计稿 宽度是730PX的 我先按照我自己以前的书写习惯按照宽度730px将页面写了出来可是放进微信之后就发现页面明显偏小 字体什么的都看不清 可是现在如果调整字体大小 为了达到想要的效果 DIV的宽度就不够用了(我用的谷歌浏览器自带的测试工具测试的)百分比放大的话 手机明显无法装下整个页面  页面只能够显示部分 页面里大部分DIV 我都设置了 宽度和高度 导致 手机里 放大缩小时低于设定的宽度直接隐藏在了页面之外 请问这个是时候我是重新将宽度都设置成百分比还是尝试转换成EM?还有就是我在为整个BODY设置max-width 与 min-width 时 发现这两个只有一个管用 就是 当页面由最大宽度想最小宽度缩进时 无法观察到页面的变动 一直保持 最小宽度的状态
查看完整描述

2 回答

已采纳
?
章鱼不是鱼

TA贡献5条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-05-22
?
花满楼的小前端a

TA贡献79条经验 获得超33个赞

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

你肯定连这个都没加,

还有最外层的宽度没必要定啊

查看完整回答
反对 回复 2016-05-23
  • 2 回答
  • 1 关注
  • 1553 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信