移动web第五天-----rem,媒体查询,less语法

一.rem

1.rem适配

适配移动端过程：
1.要利用媒体查询规定不同的屏幕宽度设置不同的根字号大小；屏幕宽度的1/10
2.页面元素就可以使用rem相对单位，1rem=1html文字大小

2.媒体查询

@media (媒体特性) {
选择器 {
css属性
}
}

利用rem+flexible.js画盒子
Snipaste_2022-04-07_14-01-49.png

二.less语法

1.有重大语法错误less不会转css

2.注释

单行注释 ctrl+/ 不会在生成在css文件中
区域注释 alt+shift+a 被注释的内容会生成在css文件中

3.运算

1.加+ 2.减- 3.乘* 4.除./或（）
注意：单位加给谁都可以，如果出现多个单位，则结果默认为第一个出现的单位

4.嵌套

Snipaste_2022-04-07_14-11-22.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容