HuaiCheng9067的博客

鉴于网上各种长篇大论，本文意在精简，方便记忆的基础上总结，不讨论兼容性。1、任何一个元素都可以被定义为弹性盒子，即display: flex；任何一个弹性盒子都有一根主轴，默认水平方向。 任何一个弹性盒子都有一根负轴，默认垂直方向。 定义主轴方向：flex-direction: row | row-reverse | column | column-reverse; 主轴的对齐方式：justify-content: flex-start | flex-end | center | space.

关键词条：viewport-fit:cover - 视图端口被缩放以填充设备显示@supports - css中用来检测浏览器是否支持某些css语法功能的一个标签，它和@media一样支持or(或者)、and(并且)、not(非)关键字用来做逻辑判断。safe-srea-inset-[top | right | bottom | left] - 设置确保安全边界兼容ios底部横条css代码：1、<meta name="viewport" content="...

问题根源：同样设置的字体，为什么和别人的代码渲染出来的效果在mac上会显得比较’莽‘？全局除了设置字体font-family外， 还需要设置：//抗锯齿，使得更精细平滑-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-web...