移动web开发如何保持页面在一屏内?

小弟最近在学移动web,也从网上下了一些单页PSD来学着做
我想问如何在不同的手机屏幕下,保持页面在一屏内呢?
听说最好不要用媒体查询?

阅读 3.7k
4 个回答

现在用的比较多的还是使用rem的适配方案,只需要动态修改html的font-size就可以做到不同屏幕下适配。修改html的font-size的方式分两种,一是使用媒体查询,二是使用js检测屏幕宽度,然后动态改变html的font-size。手淘使用的是第二种flexible,并且考虑到retina屏幕下的多倍图。如果要求不是太高,简单版本就可以了移动端适配rem

没太看懂你说的一屏内是啥意思!是自适应吗?如果是自适应的话不要把高度和宽度写死。都定义成100%就全屏了

相对于这一块,现在有很多方案。你可以看看手淘的方案

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题