在上一篇文章中中主要讲到Bootstrap的栅格布局系统，虽然之前说要更新如何写导航栏，但是想了下还是先介绍下如何做CSS的媒体查询和响应式表格，这样才能为以后的的编码打下基础。
原创文章，欢迎转载，请保留出处。
有任何错误、疑问或者建议，欢迎指出。
我的邮箱:Maxwell_nc@163.com...
分类：
Web程序 时间：
2015-05-22 15:20:05
阅读次数：
244
对于数据的显示除了可以用表格外，还可以使用图表来更好、更直观地表达数据，比如数据的趋势可以用折线图，数据的比例可以用饼图等等。所以在web的开发过程中图表的应用非常广泛，对于图表的js框架我找到了Chart.js和Highcharts。Chart支持响应式布局，而Highcharts不支持，但是Highcharts的功能更全面。
介绍
Chart.js的官网是：http...
分类：
Web程序 时间：
2015-05-21 22:42:06
阅读次数：
253
做手机端网页需要用到响应式布局，首先需要再HTML文件头声明一下：主要目的是宽度控制和禁止用户缩放，具体参数自己GOOGLE一下。下面是CSS判断是PC端还是移动端其实很简单，用CSS3的媒体查询就可以非常方便去实现，不需要用userAgent神马的那么麻烦。/*最小宽度800就是PC端*/@med...
分类：
Web程序 时间：
2015-05-18 16:26:41
阅读次数：
141
现在的上网设备十分多，每种设备的分辨率都不一样，传统的网站开发需要花很大功夫才能实现不同分辨率下兼容布局，而Bootstrap的出现使得网站开发更加简单快捷。Bootstrap是Twitter推出的一个用于前端开发的开源工具包，其中的一个特性就是支持响应式布局。
原创文章，欢迎转载，请保留出处。
有任何错误、疑问或者建议，欢迎指出。
我的邮箱:Maxwell_nc@163.com...
分类：
Web程序 时间：
2015-05-18 09:14:19
阅读次数：
180
from:http://www.25xt.com/html5css3/7051.html不管是web和webAPP开发，目前响应式布局设计越来越重要啦！因为响应式布局是一个解决多类型屏幕问题的最优方案。因此，今天25学堂来跟大家分享9个响应式布局设计的知识点或是概念。第一点：响应式设计 vs 适应式...
分类：
其他好文 时间：
2015-05-13 21:42:14
阅读次数：
96
from：http://www.phptext.net/article_view.php?id=387在满大街的APP，除了游戏，软件图形类的需要用原生开发好点。现在大多还是基于WEBAPP或者混合的hybridapp，大家都知道资讯类的小应用其实网页就可以胜任，当然如果你要调用一些应设备，原生的A...
分类：
移动开发 时间：
2015-05-13 21:37:49
阅读次数：
178
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型 布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只....
分类：
其他好文 时间：
2015-05-12 18:44:06
阅读次数：
92
响应式建筑设计、响应式家具设计、响应式办公设计，这些词可能是已有的专业名词，也可能是我自己想出来的一些名词。因为在生活中，我们常常会见到很多让人惊叹的设计，为什么同一套东西经过不同的方式变化之后会给人不同的使用感受和体验呢？这样既节约制造成本，又节省空间，还能体验创意性的生活。先来给大家欣赏几张图大...
分类：
Web程序 时间：
2015-05-10 23:36:55
阅读次数：
171
响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无 从下手。为了desktop和mobile单独使用像素设计的方法也成为...
分类：
Web程序 时间：
2015-05-09 11:54:13
阅读次数：
154
默认栅格系统： bootstrap的默认栅格系统为12列。形成一个940px宽的容器，默认没有启用 响应式布局。如果加入响应式布局CSS文件，栅格系统会自动根据可视窗口的宽度从724px到1170px进行动态调整。在可视窗口低于767px宽的情况下，列将不再固定并且会在垂直方向堆叠。 简单布局：.....
分类：
其他好文 时间：
2015-05-09 01:08:23
阅读次数：
135
