转至：W3CPLUS 网址http://www.w3cplus.com/content/css3-media-queriesMedia Queries直译过来就是“媒体查询”，在我们http://i.cnblogs.com/EditPosts.aspx?opt=1平时的Web页面中head部分常看到...
分类：
Web程序 时间：
2014-08-05 00:17:28
阅读次数：
355
1.如何选择要使用的特性以及所面向的浏览器2.哪些浏览器支持HTML53.如何检测是否支持HTML54.如何开发贷容错性的Web应用程序5.CSS3媒体查询如何增强检测脚本使用HTML5这类前沿预言时，可能会选择以下两种方案一. 尽可能地靠拢新标准，忽略那些不支持的平台二.不使用任何新技术，知道改标...
分类：
移动开发 时间：
2014-08-03 17:51:25
阅读次数：
227
响应式设计的另一个重要技术手段是媒体查询。如果只是简单的设计一个流式布局系统，那么可以保证每个网格按比例的放大和缩小，但有可能会使得在小屏幕下（如手机设备）网格太小而严重影响阅读，这样的设计称不上响应式设计。媒体查询可以来解决这一问题。...
分类：
Web程序 时间：
2014-08-01 19:51:42
阅读次数：
197
HTML语法HTML5 doctype语言属性（Language attribute）字符编码IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔（boolean）型属性减少标签的数量JavaScript 生成的标签CSS语法声明顺序媒体查询（Media query）的位置...
分类：
其他好文 时间：
2014-08-01 19:12:42
阅读次数：
303
1.如何创建CSS样式表2.CSS3的卓越特性3.基于设备属性改变样式的媒体查询4.如何使用属性改变元标签创建更美观移动页面层叠样式表是移动WEB开发中的一个重要组成部分，本次分享将学到如何编写CSS并用它为移动页面定制样式，其中包括媒体查询为特定设备定制样式表。此外还将了解一些影响移动设备内容显示...
分类：
移动开发 时间：
2014-08-01 18:35:52
阅读次数：
280
1、布局 先创建一个非响应的布局，页面宽度固定大小。然后添加媒体查询（Media Queries）和响应式代码。这种操作方式更容易实现响应式特性，在同一时间专注于一个任务。 然后做如下设置（屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。）2 ...
分类：
其他好文 时间：
2014-07-22 22:36:53
阅读次数：
170
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的...
分类：
Web程序 时间：
2014-07-22 00:06:33
阅读次数：
294
1.学会了使用IScroll，下拉刷新，滚动翻页。(ajax请求数据)2.熟悉了Bootstrap库。并学会了响应式布局（媒体查询）。理解了div+CSS布局。 --还熟悉了瀑布流布局。3.学会了使用Tower。（团队管理，工作计划安排）4.学会了使用Powerdesigner设计数据库。（设计数据...
分类：
其他好文 时间：
2014-07-19 20:02:08
阅读次数：
198
擅长CSS的Web开发人员不仅可以从视觉上复制实物原型，还可以用代码进行完美的呈现。无需使用表格、尽可能少的使用图片。如果你是个名副其实的高手，你可以快速把最新和最伟大的技术应用到你的项目中，比如媒体查询、过渡、滤镜、转换等。虽然这些都是一个真正的CSS高手所具备的，但CSS很少被人单独拿出来讨论，...
分类：
Web程序 时间：
2014-06-26 20:54:10
阅读次数：
229
现在试图解决android平板的屏幕分辨率问题，目前主要想到的办法是采用响应式设计和媒体查询，发现无论使用那种方式，工作量都很大，调试都困难，悲催啊。
CSS的媒体查询虽然在传统的互联网页面可能发挥的余地不是很大，但是自从苹果和安卓的风靡之后，移动平台上的web开发变得越来越流行了，同时CSS的媒体查询可谓派上了大用场了。
以下为翻译内容，原文来自这里 非常棒的一篇文章
...
分类：
移动开发 时间：
2014-06-25 07:16:12
阅读次数：
278
