开发者社区> 老先生二号> 正文

响应式网站的开发

简介:
+关注继续查看

一、介绍

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

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

媒体查询是什么?

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

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

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

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

media-queries-responsive-web-design-showcase

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

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

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

 

二、工具

https://github.com/dfcb/Responsivator

分类: java

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/p/4700197.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
响应式 - 基础篇
响应式 - 基础篇
44 0
《响应式Web设计实践》一导读
人们常说写书是一件孤独的事情,也许有些时候的确是这样的,但这本书却是个例外。如果这本书能得到一些好评,那么这些好评都应归功于这一路上帮助过我的那些人,以及他们的勤奋、耐心和反馈。
1451 0
响应式网站笔记
1.页面检测device.js 2.js控制styledocument.documentElement.clientWidth 窗口宽度兼容ie6onload 加载完成onresize 调整尺寸onscroll 滚动滚轮 3.
714 0
Skeljs – 用于构建响应式网站的前端开发框架
  skelJS 是一个轻量级的前端框架,用于构建响应式站点和应用程序。让设计人员和开发人员可能够使用四个强大的组件:CSS 网格系统,响应式处理程序,CSS 的快捷方式和插件系统。 您可能感兴趣的相关文章 OverAPI.
953 0
响应式框架 Groundwork
http://www.oschina.net/p/groundworkcss
518 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
《优酷响应式布局技术全解析》
立即下载
React在大型后台管理项目中的工程实践
立即下载
React在大型后台管理项目中的工程实践
立即下载