文章关键字 ‘@media’

如何使用JS检测用户是否缩放了页面?

2021年02月15日,星期一

页面缩放占位图

本文介绍多种使用JS检测用户是否缩放页面的方法,有的针对PC桌面端浏览器,有的针对mobile移动端浏览器,您会学到不少新的API,以及新颖的实现思路。

阅读全文…

我是如何通过CSS向JS传参的

2020年02月13日,星期四

头图占位图

介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。

阅读全文…

CSS any-hover any-pointer media查询与交互体验提升

2020年01月17日,星期五

media媒体查询文章头图

大屏的触屏设备访问我们的传统网页的时候,CSS any-hover any-pointer等媒体查询可以极大地提升我们产品的用户体验。

阅读全文…

5分钟快速了解下CSS4 color-adjust属性

2018年11月27日,星期二

css4 color-adjust属性

color-adjust属性已经加入了CSS4规范草案了,color-adjust这个属性有什么用呢?我们不妨花5分钟的时间快速了解下,保不准以后可以用到它。

阅读全文…

博闻强识:了解CSS中的@ AT规则

2015年08月6日,星期四

大家可能在CSS中见到过字符@然后加一些关键字的用法,这种用法就称之为AT规则。而本文的内容就是列举目前CSS中支持的或即将支持的一些CSS规则,让大家提前有个大致的了解和认识,希望对日后的工作与学习能够提供一些帮助!

阅读全文…