什么是响应式设计？(二)-轩啸品牌网站建设公司

怎样创建一个响应式设计？

CSS媒体查询是其中的关键。CSS2.1引入了打印样式表的概念。通过使用媒体类型打印出写入的表现页面风格的样式表。比如：

媒体类型是好的，但是有些设备并没有发挥到它们的作用，如果使用的是一种小型的手持设备，那么它会发送信息说明是桌面浏览器。这会使能否正确地使用它们超出打印任何范围的东西变得有些复杂。

CSS媒体查询引入了CSS3的内容，通过审视，把物理规格信息发送到电脑上以改进媒体类型。通过发送媒体类型，移动版能很容易被看作Pc版，但是在小窗口仍然要显示这些内容。

比如，发送具体样式表到iPhone上，你需要写：

如果是一个屏幕（不是打印），会让浏览器使用样式表，宽度不止480像素。注释：宽度低于480像素，甚至桌面浏览器，因为它不是设备相关脚本。现在是观察一下宽度，相应地就会显示出内容。

CSS媒体查询的优点

这跟使用分辨率检测脚本传递到正确的样式表不同。使用响应式设计的媒体查询还是有一定的好处：

你不能依赖JavaScript的支持。多数的浏览器都支持JavaScript,对于用户，取消和尽力做好设计都是可能的。

CSS媒体查询能很好地测试分辨率。实际上，你可以评估13个不同的功能来获取特定的设计内容。另外，媒体查询可以和其他的查询内容结合，比如，设备只能设置为600*800的分辨率，而不是高清格式。

CSS媒体查询

通过使用@media rule在现成的样式表中只用遵循媒体查询的一个或者两个规则。

你可以使用@import rules和media queries输入媒体特定样式表。

不要害怕开始尝试响应式网页设计

启动的最容易的方式是为您的网站创建一个移动设计。最好的方式就是遵循其中的准则来，而且都是使用现成的HTML，把样式放到新的样式表。如果你对新样式感到满意，用媒体查询把样式表添加到网页中。

不要忘了把链接转移到m.domain.com站点上去-这个链接已经不需要了。