css • 2017-04-16
设备像素比(device pixel ratio) 设备像素比简称为dpr,其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到
css • 2016-05-30
文字垂直居中在前端开发十分普遍,最常用的方法是text-center + line-height属性来实现
css • 2024-12-15
滚动条驱动的动画是一个新的 CSS 特性,已经在部分现代浏览器中实现了,我们以前要实现滚动条动画效果时,可以使用一些 Javascript 库来实现,例如ScrollMagic,Gsap等动画库,现在 CSS 也可以实现一些基本的滚动驱动动画功能了。
css • 2024-12-03
为了更好的用户体验,通常会给网站实现黑白主题切换,可以让用户适用白天黑夜阅读体验,那目前有哪些实现黑白主题切换的实现呢?分别为 CSS prefers-color-scheme 媒体查询、window.matchMedia 方法以及 CSS light-dark () 函数。
css • 2024-07-27
编写响应式样式代码是一个前端开发工程师必备的技能之一,媒体查询是响应式设计的核心,它可以根据设备的特性(如屏幕宽度、分辨率等)来应用不同的样式规则。
css • 2017-03-30
移动端写页面时候,由于手机屏幕小,为了让线条看起来更细腻,所以需要0.5px的线条,现在的浏览器越来越先进,最新的浏览器大部分都可以使用媒体查询来实现