DOVISK的博客

在许多移动设备上，1vh 的计算基于视口的高度，但某些浏览器（如移动端的 Chrome 和 Safari）会在显示或隐藏地址栏时改变视口高度。这会导致 100vh 的高度并不完全等于设备屏幕的可用高度。

postcss-px-to-viewport 是一种利用 PostCSS 插件，将 px 单位自动转换为 vw 单位的工具。它可以方便地适配各种屏幕宽度的移动端设备。

PostCSS 是一个非常灵活的 CSS 处理工具，通过插件系统使得开发者可以选择所需的功能模块。它不仅能为开发者减少重复工作（如添加浏览器前缀），还能提高代码的可读性、兼容性和性能。

keyframes用于定义动画的关键帧，指定元素在不同时刻的样式变化。0% {/* 初始状态 */50% {/* 中间状态 */100% {/* 结束状态 */0%表示动画的起始位置（即初始时的样式）。50%表示动画的中间位置（即动画进行到一半时的样式）。100%表示动画的结束位置（即动画结束时的样式）。你可以用百分比来定义多个关键帧，或者使用from和to关键词替代0%和100%。from {to {

absolute：相对于最近的定位祖先元素定位，随着页面滚动。fixed：相对于浏览器视口定位，页面滚动时位置不变。选择使用absolute还是fixed，取决于你希望元素的位置是相对于哪个上下文，以及它是否需要在页面滚动时保持静止。