在这个以手机、平板和电脑为中心的互联网时代。为了提高用户体验度，让页面适应不同屏幕的分辨率成了我们写页面时最至关重要的问题。CSS3中的媒体查询功能很好的帮我们解决了这一问题，它可以根据屏幕的大小进行上扩和下扩呈现给用户一个可用的界面。 刚开始接触媒体查询这个功能，我一边感慨它的强大，一边焦虑着我....
分类：
Web程序 时间：
2014-11-07 23:28:39
阅读次数：
221
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“media”来...
分类：
Web程序 时间：
2014-11-07 14:31:21
阅读次数：
269
MediaQueries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：在我们没有接触css3之前或许都不知道这些引入后面的media是什么意思，在css3中有一个巨大的作用就是响应式布局，在这里的media的意思就是表示在此处的布局就是采用的响应式布局，顾名思义...
分类：
Web程序 时间：
2014-11-05 09:14:59
阅读次数：
214
学习要点：移动端风起的趋势，web 和 移动端 统一共进的实现方式：响应式。利用媒体查询，兼容web 和 不同移动端。主要是从响应式布局 和 响应式图片处理。不用像素、用百分比。重点记忆：设备类型、设备特性。以及 高分辨率屏的处理。响应式网页设计（RWD）开发成本低，门槛低Native APP：Ob...
分类：
其他好文 时间：
2014-11-04 12:57:20
阅读次数：
210
在这个以手机、平板和电脑为中心的互联网时代。为了提高用户体验度，让页面适应不同屏幕的分辨率成了我们写页面时最至关重要的问题。CSS3中的媒体查询功能很好的帮我们解决了这一问题，它可以根据屏幕的大小进行上扩和下扩呈现给用户一个可用的界面。 刚开始接触媒体查询这个功能，我一边感慨它的强大，一边焦虑着我....
分类：
Web程序 时间：
2014-11-03 01:17:00
阅读次数：
255
CSS3 Media QueriesMedia Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体...
分类：
Web程序 时间：
2014-10-08 16:53:05
阅读次数：
224
响应式设计的还有一个重要技术手段是媒体查询。假设仅仅是简单的设计一个流式布局系统，那么能够保证每一个网格按比例的放大和缩小，但有可能会使得在小屏幕下（如手机设备）网格太小而严重影响阅读，这种设计称不上响应式设计。媒体查询能够来解决这一问题。媒体查询能够为特定的浏览器和设备提供特定的样式。媒体查询是C...
分类：
Web程序 时间：
2014-09-29 21:45:41
阅读次数：
195
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“m.....
分类：
其他好文 时间：
2014-09-29 14:54:41
阅读次数：
201
媒体查询媒体查询只支持IE9+、chrome、ff等浏览器，IE8以下的浏览器可以下载引用respond.js，写法： 媒体查询能检测哪些属性 ： 1.width 视口宽度 2.height 视口高度 3.device-width 渲染表面的宽度（对我们来说就是设备屏幕的宽度） 4.devic...
分类：
其他好文 时间：
2014-09-29 14:44:01
阅读次数：
239
CSS3提供了Media Queries（媒体查询）的概念，可以利用它查询以下数据：1、浏览器窗口的宽和高；2、设备的宽和高；3、设备的手持方向，横向/竖向；4、分辨率。@media规则的语法格式如下：@media:{sRules}(1):指定设备名称。CSS设备类型包括如下这些：、all:用于所有...
分类：
Web程序 时间：
2014-09-19 22:26:56
阅读次数：
300
