2020/10/21 rem 媒体查询 Less语言

rem

rem是相对于HTML文件而言的
将div文件中的大小都设置为rem就可以控制字体随着所有盒子同时缩放
如;
html{
font-size：12px；
}
div{
width：20rem；
height：20rem；
}

媒体查询

可以通过媒体查询 设置不同分变率的属性

语法：@media mediatype not/and/only(像素限制){
}
//大于800像素是属性设置
@midia screen and （max-width:800px ）{
}

引入媒体文件

Less语言

less文档引入less文档语法:
@import “commom”(common为less文件名)