Media Queries

CSS4 Media Queries 新特性

来自 css3.info 的消息,CSS4 Media Queries 已经成型,尽管它现在还只是一份编辑草案,不过我们仍然可以从中看到新的 Media Queries 所具备的特质。在 Changes Since the Media Queries Level 3 一节里,就能看到 CSS4 Media Queries 的新特性。 当前,主要添加的是这三个新的特性值:"script"…

响应式Web设计

响应式Web设计(Responsive Web Design – RWD)一般是指那些使用CSS3 Media Query特性制作站点,其可以适应不同视窗尺寸的布局。 虽然很早就已经有了类似RWD的概念,但直到最近一年里才开始变得特别流行,各种文章、例子、工具、模板,不断地从无到有,诸如: 响应式Web设计50个例子和最佳实践 21个响应式Web设计工具 响应式Web设计的模板和框架 这些资源,仿佛都是一下子冒出来似的…这要归功于IE9的发布,从而使得主流浏览器上升到全部支持Media Query的程度。 然而眼花缭乱的资料堆里,可供细细品读的资料其实也就那么几篇:ETHAN MARCOTTE 的…

CSS3 Media Queries 详解

说起CSS3的新特性,就不得不提到 Media Queries 。最近 Max Design 更新的一个泛读列表里,赫然就有关于 Media Queries 的文章。同时位列其中的也有前天我刚刚翻译的 IE9, Opacity 和 Alpha 。 虽然标题相同,但本文并不是列表上 CSS3 Media Queries 的译文,因为原版有Demo有例子有图片,全文不长而且不难看懂,所以我也就不翻译了。基于自己已经了解到一定程度,所以就打算自己写。 CSS2中有已经定义了 Media…