http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html ...
分类：
Web程序 时间：
2016-06-20 14:11:09
阅读次数：
138
1，什么是Bootstrap? 是用于前段的一个框架（HTML .CSS .JS）. 2.特点有什么 响应式布局 移动设备优先 2，下载之后引入网页所用文件 CSS及 JS压缩版 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet ...
分类：
其他好文 时间：
2016-06-19 21:18:37
阅读次数：
148
E[attr]只使用属性名，但没有确定任何属性值 E[attr="value"]指定属性名，并指定了该属性的属性值 E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“?”不能不写 E[attr^="v ...
分类：
Web程序 时间：
2016-06-19 14:21:07
阅读次数：
413
适配方法： 1.固定高度，宽度自适应。 2.固定宽度，viewport缩放。（需要根据屏幕宽度动态生成viewport） 3.用rem做宽度和高度。（也是根据屏幕动态生成）。这样可以让页面在不同的移动端 都呈现一样的效果。 如何实现响应式布局 一、@media媒体查询 <meta name=”vie ...
分类：
移动开发 时间：
2016-06-17 21:01:56
阅读次数：
166
响应式布局，理想状态是，对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器，但是IE8在市场当中仍然占据了比较大量的市场份额，使我们不得不进行IE低端浏览器的考虑。 那么如何在IE6~8浏览器中兼容响应式布局呢？这里我们需要借助这样一个文件：respond.js。文件下载 ...
分类：
Web程序 时间：
2016-06-15 12:43:10
阅读次数：
459
响应式设计(布局)： 出发点挺好，实际用起来非常不方便 1.大多数手机width=320px 2.大多数pad的width=1024px 媒体查询缺点： 1.流量非常浪费 2.少部分手机的分辨率不统一——非常乱 3.除了媒体查询，有更简单的方法——没必要media 媒体查询 @media scree ...
分类：
其他好文 时间：
2016-06-14 11:35:43
阅读次数：
131
钻研方向： CSS：浏览器兼容、组件化开发、LESS、SASS 主流UI插件:bootstrap3及其扩展插件 新一代技术：html5、css3 移动开发：响应式布局、jqueryMobile、zenpto 基本：原生js、js面向对象、jquery源码 模块化：reaJS、requireJS 框架 ...
分类：
Web程序 时间：
2016-06-13 08:48:27
阅读次数：
225
h5的特色响应式布局真是让一大堆前段工作者喷了一身血〒_〒，纯css和html5布局总是出错的我相信不止我一个o(^▽^)o~那么这种时候用js获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）就显得尤为重要了~ 废话少说我们来总结下获取的方法： 对于IE9+、Chrome、Firefox、 ...
分类：
其他好文 时间：
2016-06-06 16:25:42
阅读次数：
159
在网页中，pixel与point比值称为device-pixel-ratio，普通设备都是1，iPhone 4是2，有些Android机型是1.5。]那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机iPhone4/4s的分辨率为 ...
分类：
移动开发 时间：
2016-06-06 13:32:54
阅读次数：
293
一、什么是响应式布局 1.让一个网站可兼容不同分辨率的设备 2.给用户更好的视觉使用体验 诞生背景： 移动互联网的多终端的显示 http：//www.jser.me 二、响应式设计的优缺点 优点： 解决了设备之间的差异化展示 缺点： 兼容性代码多，工作量大，加载速度受影响； 对原有网站布局会产生影响 ...
分类：
其他好文 时间：
2016-06-04 16:10:47
阅读次数：
125
