实现原理网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。工作原理Bootstrap框架的网格系统工作原理如下：1...
分类：
其他好文 时间：
2015-04-24 18:22:16
阅读次数：
2993
概述 通过媒体查询为不同的设备和大小配置不同的样式。代码展示/* media *//* 横屏 */@media screen and (orientation:landscape){ }/* 竖屏 */@media screen and (orientation:portrait){ ...
分类：
Web程序 时间：
2015-04-22 23:43:07
阅读次数：
194
Bootstrap响应式实用工具Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 ( 相关的...
分类：
其他好文 时间：
2015-04-17 20:05:32
阅读次数：
141
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“m.....
分类：
其他好文 时间：
2015-04-11 10:17:06
阅读次数：
124
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你...
分类：
Web程序 时间：
2015-04-10 13:07:00
阅读次数：
217
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你...
分类：
Web程序 时间：
2015-04-09 15:18:23
阅读次数：
198
Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 ( 相关的元素的特殊情况外，它们与 .vi...
分类：
其他好文 时间：
2015-04-07 09:36:15
阅读次数：
162
网格系统：网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。实现原理 .col-md-1 .col...
分类：
其他好文 时间：
2015-03-19 18:02:24
阅读次数：
137
看到这个题目你可能不信，促使我探究这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。为什么在Chrome Emulation模拟手机页面和真机预览效果不一致？以前觉得不外乎两个原因：1.某些机型或浏览器对一些CSS属性不支持。2.某些设备不支持12px以下字体。今天要补充第3个原因：对于iPhone手机还会与手机系统设置的显示模式、设备硬件有关。...
分类：
其他好文 时间：
2015-03-19 13:22:28
阅读次数：
151
众所周知，随着移动端高速发展，对于前端开发人员来说，HTML5+CSS3的地位越发的举足轻重了。其中的响应式设计也真正的流行起来。可能此时小码哥写这篇文章来说，也已经有些晚了，但，鄙人的目的是方便自己以后翻阅的，当然，也希望能对看到该文章的人有所帮助。什么是响应式设..
分类：
其他好文 时间：
2015-03-17 18:20:37
阅读次数：
179
