先明确两者的关系：CSS 像素是 “逻辑像素”（页面布局用），物理像素是屏幕实际发光的像素点，两者通过 设备像素比（DPR）  关联，公式为：1 个 CSS 像素 = DPR × DPR 个物理像素（

前言 Hello~大家好。我是秋天的一阵风 在前端开发中，position: fixed是一个非常有用的CSS属性。简单来说，position: fixed 会让元素脱离文档流，并且相对于浏览器的视口

需求背景 老板：这段时间找工作的牛马比较多，我们系统要上一个面试人员登记打印出表格！前端半天能完成不？ 我：半天差不多吧！但是先要看一下模板长什么样子~ 老板：行，等下发你... 看到这张表，但是想着

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

你可能见过那些流畅、专业的网站动画，让你不禁想问：“他们是怎么做到看起来这么轻松的？”虽然每个人都知道基本的CSS过渡效果，但还有一些奥秘，将业余动画与专业级动态设计区分开来。

🎯从零手撸一个日期组件耍耍，感受 Grid 布局带来的震撼。相信我，跟着小编的节奏走，你一定能学会的！GO！🏃

还在为 CSS 类名冲突、维护难头疼？BEM（块 - 元素 - 修饰符）规范来救场！3 大核心规则，让代码结构清晰、复用性拉满，团队协作效率直接 up！

背景： 之前在做需求的时候，产品有提到一个bug，说是在某些情况下不应该触发外部滚动条滚动，例如鼠标在气泡框的内部就不能产生外部滚动条滚动，这样会影响用户的体验 原效果： 禁止滚动穿透之后效果： 可以

在网页设计中，浮动（Float）是一项历史悠久但依然实用的布局技术。它最初用于实现文字环绕图片的效果，如今已演变为构建网页布局的重要工具。