javascript - 移动web开发如何保持页面在一屏内？

问题描述

问 题

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

解决方案

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

这篇关于javascript - 移动web开发如何保持页面在一屏内？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！