扫码关注官方订阅号
小弟最近在学移动web,也从网上下了一些单页PSD来学着做我想问如何在不同的手机屏幕下,保持页面在一屏内呢?听说最好不要用媒体查询?
走同样的路,发现不同的人生
现在用的比较多的还是使用rem的适配方案,只需要动态修改html的font-size就可以做到不同屏幕下适配。修改html的font-size的方式分两种,一是使用媒体查询,二是使用js检测屏幕宽度,然后动态改变html的font-size。手淘使用的是第二种flexible,并且考虑到retina屏幕下的多倍图。如果要求不是太高,简单版本就可以了移动端适配rem
没太看懂你说的一屏内是啥意思!是自适应吗?如果是自适应的话不要把高度和宽度写死。都定义成100%就全屏了
相对于这一块,现在有很多方案。你可以看看手淘的方案
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
现在用的比较多的还是使用rem的适配方案,只需要动态修改html的font-size就可以做到不同屏幕下适配。修改html的font-size的方式分两种,一是使用媒体查询,二是使用js检测屏幕宽度,然后动态改变html的font-size。手淘使用的是第二种flexible,并且考虑到retina屏幕下的多倍图。如果要求不是太高,简单版本就可以了移动端适配rem
没太看懂你说的一屏内是啥意思!是自适应吗?如果是自适应的话不要把高度和宽度写死。都定义成100%就全屏了
相对于这一块,现在有很多方案。你可以看看手淘的方案