移动web开发之rem布局

移动web开发之rem布局

rem基础

• rem单位是一个相对单位，类似于em，em是相对于父元素的字体大小来说的；而rem的基准是相对于html元素的字体大小。px = rem * font-size

• rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小，达到整体控制的效果

媒体查询Media Query

• c3新语法

• @Media可以针对不同的屏幕尺寸改变不同的样式

• 从小到大的顺序编写代码更简洁

@media mediatype and|not|only (media feature) {
   
    css样式
}

语法

mediatype查询类型

• all：所有设备
• print：打印机和打印预览
• screen：电脑、平板、手机屏幕

关键字