[1]实现原理 [2]媒体查询 [3]基本用法 [4]列偏移 [5]列排序 [6]列嵌套 [7]复杂应用 ...
分类：
其他好文 时间：
2017-07-01 21:44:57
阅读次数：
272
移动端的页面多数情况下用百分比或者媒体查询来设置页面的宽高度 这样会达到响应的效果 这里解释几点 1.-webkit-tap-highlight-color: rgba(0,0,0,0);也可以写成-webkit-tap-highlight-color: transparent; 去掉点击时高光显示 ...
分类：
移动开发 时间：
2017-06-30 19:45:41
阅读次数：
202
css3 media媒体查询器用法总结 标签：class 代码 style html sp src 随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆 ...
分类：
Web程序 时间：
2017-06-30 18:46:24
阅读次数：
262
响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下：<!--[if lt IE 9]> <script s ...
分类：
其他好文 时间：
2017-06-29 10:02:29
阅读次数：
124
一般思路有两种, 1. 渐进增强. 即先开发比较低级的版本, 再开发高级的 2. 优雅降级. 与第一种方式相反. 个人倾向第2种, 因为如果迭代比较快的话, 那么往往低级的版本刚开发完成, 可能整个项目已经不存在了, 比较没有意义. 还有另外一种思路是根据先开发大屏幕还是先开发小屏幕来区分. 这个感 ...
分类：
其他好文 时间：
2017-06-28 20:39:52
阅读次数：
172
1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页 ...
分类：
Web程序 时间：
2017-06-26 23:49:12
阅读次数：
279
在栅格系统中，我们在 Less 文件中使用以下媒体查询（media query）来创建关键的分界点阈值。 Copy 我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。 Copy ...
分类：
其他好文 时间：
2017-06-26 00:37:51
阅读次数：
148
尽量将媒体查询的位置靠近他们相关的规则。不要将他们一起放到一个独立的样式文件中，或者丢在文档的最底部。这样做只会让大家以后更容易忘记他们。这里是一个典型的案例。 ...
分类：
其他好文 时间：
2017-06-25 19:33:01
阅读次数：
204
在我们近期的一个h5切图的项目中，因为h5手机网站在竖屏下的效果最好 ，横屏下体验不好，那么如果能够在用户横屏浏览的时候，给一个提示：请竖屏浏览获得更加体验。那就可以很好的解决了。 网上很多js解决方案和css多媒体查询但是需要一个个测试，以下是亲测有效的做下笔记 @media (max-width ...
分类：
其他好文 时间：
2017-06-24 19:36:26
阅读次数：
164
语法： <media_query_list>：[<media_query>[',' <media_query>]*]? <media_query>：[only | not]? <media_type> [and <expression>]* | <expression> [and <expressi ...
分类：
其他好文 时间：
2017-06-23 12:52:53
阅读次数：
121
