引言 我们在做官网类项目的时候，设计稿通常是使用按照1920*1080（16:9）的分辨率来设计的，但是电脑端的浏览器窗口宽度是不固定的，用户可能会根据使用场景随意拖动浏览器窗口宽高比，就会导致本来应

都2025了你不会用‘容器查询’适配屏幕？其实这个很好理解，就是让组件样式能灵活兼容父层级的大小尺寸，这个是媒体查询无法做到的。

写在前面 前端开发最让人头疼的莫过于兼容性问题，继上一篇 前端兼容性问题 - CSS、JS 兼容 之后，这一篇主要研究并解决屏幕尺寸的兼容性问题 目录： 当前现状 解决方案 模拟设备测试方案 当前现状

这次要说的是前端开发中计算距离和宽高的关键知识点。主要涵盖了常见应用场景、重要的浏览器属性和方法（如 pageY、clientY、scrollY 等），以及在 react 中使用这些属性的注意事项。

vw 和 rem 是两个神奇的 CSS 长度单位，认识它们之前，我一度认为招聘广告上的“像素级还原”是一种超能力，我想具备这种能力的人，一定专业过硬、有一双高分辨率。

如何实现前端页面主题切换：多种方法详解 实现前端页面的主题切换可以提升用户体验和界面美观度。本文将详细介绍四种以上的实现方式，包括CSS变量、CSS-in-JS、引入不同的CSS文件等，分析其优缺点，

上网冲浪的时候发现了一个好玩的css样式，是设计一个渐变色的下划线，一开始的标题默认没有下划线，当hover态时下划线从左往右出现，当鼠标移出时，下划线从左往右消失，当时脑子里面出现的想法...