介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法，过去的min-width和max-width可以说再见了~
文章关键字 ‘media queries’
更符合书写习惯的CSS媒体查询Range语法
2022年10月12日，星期三你不知道的CSS media查询与用户体验
2021年12月13日，星期一
CSS any-hover any-pointer media查询与交互体验提升
2020年01月17日，星期五
基于screen.width的伪响应式开发
2016年06月3日，星期五传统的响应式实现往往基于基于media query查询，这是基于CSS的布局控制，因此，当我们缩小浏览器窗口，可以即时看到布局变化。但是，这种实现在我看来，除了让总监大人可以方便体验窄屏效果外，就然并卵了！ 而反倒是有可能增加了额外的资源消耗和开发成本。
那有没有什么办法既能满足响应式的需求，同时我们开发这边不要那么烦心呢？
试试使用screen.width来做伪响应式开发……
博闻强识：了解CSS中的@ AT规则
2015年08月6日，星期四大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则。而本文的内容就是列举目前CSS中支持的或即将支持的一些CSS规则，让大家提前有个大致的了解和认识，希望对日后的工作与学习能够提供一些帮助！
伪类+js实现CSS3 media queries跨界准确判断
2012年05月11日，星期五我们都知道，CSS3 media queries是响应布局实现之利器。国外很多著名的前端站点，如css-tricks, smashingmagazinegazine等都采用了响应布局。
虽然国内此技术应用就像是打不着的打火机，没法跟如火如荼的欧美相比。但是，毕竟趋势是向前发展的，总会迎来遍地开花的时候，只是时间的长短而已。
media queries可以让设备在不同尺寸下应用不同的CSS样式、布局等。以适应手持设备、普屏显示器、宽屏显示器，以及未来冰箱上的联网显示器，汽车上的数码设备等。然后，仅仅通过CSS做布局可能无法应对所有的交互请求。
……
如何让JS的修改与CSS布局改变同步呢？
翻译：web响应设计，乏味！
2011年10月9日，星期日新东西的出现往往伴随着争议。就在上个月，我写过”应运而生的web页面响应布局”一文，designcrowd上还专门介绍了41个基于Media Queries比较带感的响应布局设计站点；这会儿，Jonathan Longnecker（网络和图形的设计机构FortySeven Media联合创始人）认为目前大部分的web响应设计都是无聊的，并提出了几个切入点来帮助我们创造打破成规的设计……
应运而生的web页面响应布局
2011年09月19日，星期一技术的发展往往导致新事物的产生。关于web页面布局，我们应该听过固定布局(fixed layout)、流体布局(fluid layout)，那响应布局(responsive layout)是哪个鸟蛋呢？
本文就将深入浅出地介绍响应布局。提供目前现有网站的实例展示，提供自制demo实例展示。配备必要的截图，提供详尽的源代码，细致的分析阐述。相信本文的内容会对您的学习有所帮助的。
CSS3 Media Queries的些野史外传
2011年08月23日，星期二本文是去年这个时候流产的草稿又起死回生的一篇文章。当初本来想详细讲述Media Queries的前前后后，祖宗八代，后发现被人捷足先得，不得已，流产了。今天在1周年之际，重拾此文，讲下CSS3 Media Queries的些野史外传。有demo，有源代码展示，总之，希望本文的起死回生之作能够对您的学习有所帮助。
我的应用
我的应用