m0_64931189的博客

它在CSS的语法基础上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了CSS的编写，并且降低了CSS的维护成本，就像它的名称所说的那样，Less可以让我们用更少的代码做更多的事情。作为CSS的一种形式的扩展，它并没有减少CSS的功能，而是在现有的CSS语法上，为CSS加入程序式语言的特性。即屏幕尺寸变化的时候，因为用媒体查询那html的字体大小就随之变化，又因为用rem做尺寸单位，所以各盒子的高宽、字体的大小等就随html的字体大小的变化而变化。注意他们要加小括号包含。left: 50%;

因为flex本身就可以把盒子放一行来显示，所以在flex中不需要浮动就可以做到，所以不需要flex浮动和clear清除浮动；默认情况下，项目都排在一条线上（又称”轴线“）上，flex-wrap属性定义，flex布局中默认是不换行的。采用flex布局的元素，称为flex容器，简称为“容器”。flex-flow属性是flex-direction （设置主轴）和flex-wrap（换行）属性的复合属性。11.flex:1;注意：主轴和侧轴是会变化的，就看flex-direction设置谁为主轴，剩下的就是侧轴。

我们采取我们放一个100px*100px（CSS像素）的图片，然后加一步即手动的把这个图片缩小为50*50（CSS像素），然后到iPhone8里会放大2倍嘛即变成了100px*100px，但是由于我放进去的原本就是100px*100px，所以PC端我是100px*100px，到了iPhone8还是100px*100px，即相当于我没有放大，就不会出现模糊。·meta视口标签的主要目的：布局视口的宽度应该于理想视口的宽度一致，简单理解就是设备有多宽，我们布局的视口就有多宽。即去除图片底色的空白缝隙。