手机网站和PC网站兼容的响应式网页设计

今天跟大家介绍的这个网站叫 媒体查询  官网域名:http://mediaqueri.es/

该酷站收集了很多响应式设计的案例。全部都是收集的一些励志精美而时尚的网站,使用媒体查询和响应的网页设计。

媒体查询是什么?

媒体查询 是一个W3C候选推荐标准的广泛审查了文件,这是准备实施的浏览器厂商。它是专为不同的媒体类型(即屏幕和打印),CSS2中发现的媒体依赖样式表的延伸。

在本质上,媒体查询由一个媒体类型和表达式来检查特定条件下特定媒体功能。最常用的媒体功能是宽度。

通过一定宽度的设备显示一个网页,CSS规则限制,可以根据页面的表示具有不同屏幕分辨率的设备(如智能手机,平板电脑,上网本和台式机)。

响应性的Web设计是什么?
长期 响应性的Web设计 创造 伊桑马科特 是使用流体网格, 灵活的图像和媒体查询一个网页不同的观看环境中逐步提高的做法 。

手机网站和PC网站兼容的响应式网页设计

你使用的屏幕分辨率,同时截图?该网站有以下几种截图

智能手机
320px【
片剂
768PX
上网本
1024px
桌面
1600px的

酷站欣赏地址:http://mediaqueri.es/

分类: java

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/p/4671038.html,如需转载请自行联系原作者
上一篇:Linux平台用C++实现事件对象,同步线程


下一篇:《ASP.NET 开发从入门到精通》----1.4 ASP.NET基础