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

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

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


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


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


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

【热门文章】
【热门文章】