专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > 面试题 > 正文

移动端常见的适配不同屏幕大小的方法有哪些?

作者:鹏仔先生日期:2020-06-01浏览:932分类:面试题


响应式布局
    简而言之,就是页面元素的位置随着屏幕尺寸的变化而变化,通常会用百分比来定位,而在设计上需要预留一些可被“压缩”的空间。


Cover布局
    就跟background一size的cover属性一样,保持页面的宽高比,取宽或高之中的较小者占满屏幕,超出的内容会被隐藏。此布局适用于主要内容集中在中部,边沿无重要内容的设计。


Contain布局
    同样,也跟background一size的contain属性那样,保持页面的宽高比,取宽或高之中的较大者占满屏幕,不足的部分会用背景填充。个人比较推荐用这种方式,但在设计上需要背景为单色,或者是可平铺的背景。


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯

前端微信百人大群×