-
移动端设置viewport
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">"
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放查看全部 -
rem介绍
查看全部 -
使用MediaQuery两种方式
查看全部 -
Media Query介绍
查看全部 -
常见移动web适配方法
查看全部 -
rem学习占坑。
查看全部 -
12345
查看全部 -
web适配查看全部
-
H5 & web app
查看全部 -
rem & 移动端适配
查看全部 -
rem的原理
查看全部 -
媒体查询的语法
查看全部 -
1rem = 浏览器默认的font-size
可以通过修改HTML根font-size， 达到修改1rem默认值
查看全部 -
案例代码
@media screen and (max-width: 400px){ .inner { width: 25%; height: 100px; background-color: blue; } } @media screen and (min-width: 401px){ .inner { width: 100%; height: 100px; background-color: gold; } }查看全部 -
Media Query(媒体查询)
@media 媒体类型 and (媒体特性) {
/** css样式 */
}
媒体类型：screen、print 媒体特性：max-width、max-height
查看全部
举报
0/150
提交
取消