Suk__的博客

在移动端不同设备的dpr(物理像素比)不一样,导致1px的逻辑像素渲染出不同的粗细,比如dpr=3时1个逻辑像素点(1px)=3个物理像素点 这不是我们想要的 我们要在所有不同dpr的设备上显示1px的效果保持一致。

1. 开启滚动: overflow-y: scroll; 2. 固定高度: height: xxxpx; 设置后 只有当内容超出后才会显示滚动条

平时我们都是写flex:1;那么flex:1具体的三个值都是什么呢? flex: 1 1 auto; 如果不写flex的话,默认值是什么呢? flex: 0 1 auto; 所以我们设置的这个1其实设置的是flex-grow这个属性,首先讲flex-grow是什么: flex-grow:子盒子除了基础宽度外所占父盒子多余空间的比例 例子: 父盒子500px,子盒子1占1份,基础宽度为50px,子盒子2占2份,基础宽度为70px,那么父盒子多余空间就是:500-50-70=380px,总共父盒