随着互联网发展至今，对于网站来说，性能显的越来越重要了，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。所以，我们需要重视与CSS相关的性能优化。

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

从0.5px边框、小字体限制到刘海屏定位错位，提供transform缩放、JS动态计算、自定义字体等实战解决方案，彻底解决安卓/iOS兼容性问题，让页面精准适配所有机型！

前言 大家好，我是cv竹叶，我一直对：transition过度、animation动画、transform变换，这些属性摸不着头脑，就像是对初恋一样让人迷惑。 今天，我要用3分钟，就理解其中的tran

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，

2021 高频前端面试题汇总之CSS篇，前端面试题汇总系列文章的CSS篇，长期更新，欢迎收藏、点赞！

什么是BFC 说到BFC大家脑海里会不会第一时间就浮现出KFC啊，此时脑中充满了各种KFC魔性文案。😂 好了，回到正题，今天我们要了解的是前端面试必备的知识点BFC。

本文深入探讨了骨架屏的实现方案，从最基础的HTML+CSS实现到Vue组件化开发。通过渐进式的开发思路，详细介绍了如何构建可复用的骨架屏组件系统，以提升页面首屏加载体验。

写在前面 视口 视口（viewport）就是可视区域的大小。在前端页面布局中，一共有三种类型的视口：理想视口(ideal viewport)，布局视口(layout viewport)，视觉视口