冲冲冲的小怪兽

<img width="900px" height="600px" src="./img.png" srcset=""> img图片需要写width="900px" height="600px"利好s

让我来详细解释这三种缩放方式的区别： transform: scale() 特点： 不会影响原始元素的布局空间（不会改变元素的实际尺寸） 会创建新的图层，使用GPU加速 对子元素的事件坐标需要进行转换

这篇文章我不想好好写，因为我害怕你们都学会了。写乱一点只有自己可以看懂。hh。 如果不写meta name="viewport"，安卓和ios css屏幕宽度都是980,手机上也都是下图的效果。 所以

CSS Grid 布局完整语法指南 使用grid 或者 inline-grid; 对齐属性 位置布局是可以和上面属性一起使用控制grid排列的。 grid布局父级会给子级划分容器空间，子级的heigh

MDN：https://developer.mozilla.org/en-US/docs/Web/CSS/repeat repeat() 目前只能在grid-template-columns 和 gr

fit-content() 基本概念 MDN：https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content_function 下图说明fit

CSS minmax() 函数详解 minmax() 是 CSS Grid 布局中的一个重要函数，用于定义网格轨道的尺寸范围（行高或列宽）。它允许你为一个网格轨道设置最小和最大尺寸限制，让布局在灵活性

CSS Grid 中 [line-name] 的使用方法 在 CSS Grid 布局中，[line-name] 是为网格线命名的语法，可以让你更方便地引用特定的网格线。 基本用法 如何使用命名网格线

旧文：https://zhuanlan.zhihu.com/p/396817647 > display: flex; > display: `inline-flex`行级块元素;行内元素也可以使