-
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
查看全部 -
这里出现margin重叠问题,需要生成bfc来解决。
查看全部 -
PC 端与移动端适配的区别
查看全部 -
rem 原理
查看全部 -
移动web:
定高,宽度百分比;
flex + 媒体查询布局
查看全部 -
rem 原理,字体单位,值根据HTML根元素大小而定,同样可以作为宽度,高度等单位。
查看全部 -
pc端布局一般采用定宽,居中,盒子模型,定高,定宽,多用display:inline-block.
移动web 定高,宽度百分比。采用flex加媒体查询布局
查看全部 -
移动web开发与适配。
查看全部 -
移动web适配方法:
PC:960px/1000px 居中;
盒子模型,定高,定宽;
display:inline-block;
移动web:
定高,宽度百分比;
flex;
medis query(媒体查询);
查看全部
举报
0/150
提交
取消