weixin_43534005的博客

布局视口相当于书，可视视口相当于放大镜，理想视口：<meta name="viewport" content="width=device-width" />

以前使用table布局，但是table布局需要把表格渲染完毕后才会渲染表格内部的内容，性能不好。再到DIV+CSS浮动布局，再到position布局，再到inline，这几种都叫hack布局。flex布局，flex布局是一维的。再到Grid布局，Grid是二维的1.概念Grid Container：元素应用为display:grid;，所有网格项的父元素Grid Item：网格...

1.margin与百分比单位在非定位的元素时，元素的margin都是相对于父元素的宽度。在定位元素使用时，元素的margin相对于最近有定位属性的父元素的宽度。2.margin重叠margin重叠的三种情况相邻兄弟元素父元素与第一个或者最后一个子元素空的block元素3.margin：autoauto用于分配剩余空间，所以可以使用margin：0 auto；来使元...

1.padding与容器尺寸内联元素水平padding影响尺寸，垂直padding不影响。块级元素的padding都会影响尺寸2.padding负值与百分比padding不支持负值，padding的百分比是相对于宽度计算的...

1.srcset <img src="./../img/ad001-l.png" alt="" srcset="./../img/ad001.png 300w, ./../img/ad001-m.png 800w, ./../img/ad001-l.png 1600w">2.picture<picture><source srcset="img/a....