前言 在开发数据可视化大屏项目时，我们经常会遇到一个核心问题：如何让设计稿在不同分辨率的屏幕上完美展示？  本文将详细解析一种基于 Vue 的 16:9 分辨率适配方案，通过 CSS + JS 的配合

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

CSS 是前端开发中不可或缺的语言，但它绝不仅仅是“写样式”这么简单。CSS 中隐藏着许多奇妙的技巧，它们不仅能让你的页面更酷炫，还能提升开发效率。今天，我们就来揭秘 CSS 中那些有意思的“奇淫技巧

浅聊一下滚动条的世界，一个设计良好的页面与匹配的滚动条是相辅相成的。老式的chrome滚动条样式不太适合。 我们将研究滚动条的细节，然后看看一些很酷的例子。

--- theme: smartblue --- # Tailwind-原子化CSS框架 在传统 C

介绍一个和主题密切相关的CSS特性：light-dark，有了它，可以更灵活的适配各种主题模式。 一、prefers-color-scheme 一般来讲，网站会有三种主题模式，白天、黑夜、自动跟随系统

本文，我们将一起探讨探讨，如下所示的一个卡片 Hover 动画，应该如何实现： 这个效果的几个难点： 鼠标移动的过程中，展示当前卡片边缘的 border 以及发光效果； 效果只出现在鼠标附近？这一块的

需求背景 前几天，甲方提了个需求，想让下面的数据循环展示，准备放在他们集团首页给他们领导演示用。 我们领导很重视这个事儿，拍了拍我，语重心长的说，小伙子，好好做。 我啪的一下就兴奋了，老板居然如此器重

前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex：1 是 flex-grow