css3的新特性响应式布局，通过@media screen and (min-width: ) and (max-width: ) {}；来实现页面的响应式设计，来适应不同的终端。需在头部添加：<meta name="viewport" content="width=device-width, in ...
分类：
Web程序 时间：
2016-07-09 08:10:26
阅读次数：
210
什么是响应式设计？ 首先，我们要了解响应式设计是什么？一句通俗易解得话就可以概括，所谓响应式设计就是可以让你设计的网页不仅仅在PC端显示，还可以在智能机以及iPad平板等移动设备上显示，应用了响应式设计的网页可以随着分辨率的大小进行样式变化，但是响应式设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图 ...
分类：
Web程序 时间：
2016-07-08 19:33:44
阅读次数：
222
书里谈到尽量不要使用Media Queriy。 但是过多使用media query，会导致CSS变得脆弱和页面难以维护。一些方法可以减少页面使用 media query. 响应式设计： (1) 使用百分比替换固定的宽度。如果不行，也尽量使用vw, vh, vmin, vmax。 (2) 使用max- ...
分类：
其他好文 时间：
2016-07-04 23:43:35
阅读次数：
158
来自：http://www.ibm.com/developerworks/cn/web/wa-cssqueries/ 适用于所有屏幕大小的设计 适用于所有屏幕大小的设计 固定宽度的静态网站很快被灵活的响应式设计所取代，该设计可以根据屏幕大小进行上扩和下扩。利用响应式设计，无论您采用什么设备或屏幕来访 ...
分类：
Web程序 时间：
2016-07-02 13:09:13
阅读次数：
264
响应式设计(布局)： 出发点挺好，实际用起来非常不方便 1.大多数手机width=320px 2.大多数pad的width=1024px 媒体查询缺点： 1.流量非常浪费 2.少部分手机的分辨率不统一——非常乱 3.除了媒体查询，有更简单的方法——没必要media 媒体查询 @media scree ...
分类：
其他好文 时间：
2016-06-14 11:35:43
阅读次数：
131
特点：写非常少的代码 即可实现多终端的页面适配 ? 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。 ? 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。 ? 自定义JQu ...
分类：
其他好文 时间：
2016-06-04 23:34:57
阅读次数：
172
一、什么是响应式布局 1.让一个网站可兼容不同分辨率的设备 2.给用户更好的视觉使用体验 诞生背景： 移动互联网的多终端的显示 http：//www.jser.me 二、响应式设计的优缺点 优点： 解决了设备之间的差异化展示 缺点： 兼容性代码多，工作量大，加载速度受影响； 对原有网站布局会产生影响 ...
分类：
其他好文 时间：
2016-06-04 16:10:47
阅读次数：
125
为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示： 1、Bootstrap 图片 通过在 <img> 标签添加 .img-responsive 类来让图片支持响应式设计。 图片将很好地扩展到父元素。 .img-responsive 类将 ...
分类：
其他好文 时间：
2016-05-30 14:16:53
阅读次数：
200
一、Bootstrap简介 简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档，自定义JQuery插件，完整的类库，基于Les ...
分类：
其他好文 时间：
2016-05-29 12:18:59
阅读次数：
126
