一些常见的移动端适配方案,你了解吗?
移动端设备的尺寸很多,而 UI 设计稿一般只会基于一个尺寸(一般是 375px 或 750px )进行设计。
目前移动端适配方案有多种,本文将介绍一些具有代表性的适配方案。
媒体查询 @media
CSS3 中的媒体查询属性 @media 分别为不同屏幕尺寸的移动设备编写不同尺寸的 css 属性,示例如下所示:
/* <375px */
@media screen and (max-width:375px) {
.box {
width: 100%;
}
}
/* >=375p...
qiuqiu.hashnode.dev2 min read