随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的 ...
分类：
Web程序 时间：
2016-08-05 13:26:40
阅读次数：
230
一、初步了解 Media Queries是CSS3新增加的一个模块功能，其最大的特点就是通过css3来查询媒体，然后调用对应的样式。 了解Media Queries之前需要了解媒体类型以及媒体特性： 可以通过媒体类型（Media Type）对不同的设备指定不同的样式，W3C总共列出了10种媒体类型 ...
分类：
Web程序 时间：
2016-08-03 18:22:02
阅读次数：
159
IE 6 原文地址 http://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11 ...
分类：
其他好文 时间：
2016-08-02 16:46:30
阅读次数：
900
响应式布局定义：将弹性网格布局、弹性图片、媒体和媒体查询整合起来，即为响应式布局。 一、媒体查询：支持不同的窗口 基本语法： 使用@inport指令可以在当前样式表中按条件引入其他样式表。如下例： 但是需要注意的是使用@inport方式会增加HTTP请求 媒体查询能够检测的性能有： width:视口 ...
分类：
移动开发 时间：
2016-08-01 00:17:20
阅读次数：
209
媒体查询语法： 1.内联写法：and之后必须有空格@media screen and (min-width:960px //判断浏览器大小条件){body{background：red} //常规的样式} 2.外联写法：当满足屏幕满足条件的时候连接href后的css文件<link='styleshe ...
分类：
移动开发 时间：
2016-07-31 15:54:01
阅读次数：
2125
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的 蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计 ...
分类：
Web程序 时间：
2016-07-15 19:33:42
阅读次数：
225
响应式设计 响应式设计可根据所显示的屏幕大小而改变, 它呈现的每个屏幕看起来并不相同。按照可用的屏幕属性，响应式设计提供了 UI 的最佳效果。 例如，如果网站布局上有一个占据 25% 的屏幕宽度的侧边栏，那么该侧边栏在不同大小的屏幕上的呈现是不同的。该侧边栏在较大的桌面监控器上是宽屏的，在较小的 智 ...
分类：
Web程序 时间：
2016-07-14 10:11:41
阅读次数：
504
媒体查询如何适配不同设备？css3的新特性响应式布局，通过@media screen and (min-width: ) and (max-width: ) {}；来实现页面的响应式设计，来适应不同的终端。需在头部添加：<meta name="viewport" content="width=dev ...
分类：
其他好文 时间：
2016-07-14 01:51:00
阅读次数：
102
1.解决横竖屏字体大小变化 2.移动viewport 设备宽度、禁止缩放 3.css3媒体查询 4.可以继续使用px 不用em 5.解决古老移动设备浏览器不识别viewport 6.解决safari 横竖屏切换字体变大 ...
分类：
移动开发 时间：
2016-07-13 19:21:42
阅读次数：
177
iPhone5 iPhone6 iPhone6Plus iPad设备 media query（媒体查询）代码. iPhone < 5: iPhone 5: iPhone 6: iPhone 6Plus: iPad: ...
分类：
Web程序 时间：
2016-07-13 11:57:49
阅读次数：
157
