1. 如何让 IE6-IE8 支持 媒体查询 2. respond.js 引入后不起效
分类：
其他好文 时间：
2015-09-07 19:24:13
阅读次数：
124
响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下： css3媒体查询语法：/*@media screen...
分类：
其他好文 时间：
2015-08-31 13:18:46
阅读次数：
197
最常见的办法就是基类（最常用的网站布局）+扩展类（几种不同的网站布局类）来实现不同的布局。 header main footer针对不同布局编写不同的css代码，通过js判断设备、不同分辨率调用不同的布局样式，从而实现同一套前端Html代码适配不同设备和场景，给用户带来最佳的操作体验。自从响应式布局...
分类：
Web程序 时间：
2015-08-25 19:01:10
阅读次数：
137
方法一：本地的window.matchMedia方法允许实时媒体查询。代码如下: var mql = window.matchMedia("(orientation: portrait)"); // 如果有匹配，则我们处于垂直视角 if(mql.matches) {// 直立方向 ale...
分类：
移动开发 时间：
2015-08-25 13:54:27
阅读次数：
194
/* 设备竖屏时调用该段css代码 */@media all and (orientation : portrait){body{ background-color:blue; }}/* 设备横屏时调用该段css代码 */@media all and (orientation : landscap....
分类：
移动开发 时间：
2015-08-20 22:11:56
阅读次数：
208
PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 |10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*....
分类：
其他好文 时间：
2015-08-17 16:53:15
阅读次数：
400
??
1. 简单描述Javascri和java, c#的区别
2. 清楚float有那几种方式?有什么优劣
3. 讲讲你对CDN的理解
4. 列举一些性能优化的方法
5. RequireJS和SeaJS的区别？
6. 媒体查询的理解
7. AuglarJS, BackboneJS, YUI, BootStrap前端框架的认识
8. 原型和原型链的理解
9. 作用域和作用域链的理解...
分类：
Web程序 时间：
2015-08-17 15:30:49
阅读次数：
120
1.由于bootstrap中的.containter是根据媒体查询定死了width,所以页面不会占满全屏，若要全屏，则最外面的div的class不能用container,container的源码如下.container { padding-right: 15px; padding-left: 1.....
分类：
其他好文 时间：
2015-08-16 13:44:05
阅读次数：
256
现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备，但是网站开发人员却面临一个挑战：如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果，如何在各种大小的屏幕上提供一流的用户体验,答案是：采用响应式设计。响应式设计可以随所显示的屏幕大小而改变。实现响应式设...
分类：
Web程序 时间：
2015-08-11 23:12:46
阅读次数：
130
Document 不同分辨率可能需要媒体查询写几次 Document 不同分辨率可能需要媒体查询写几次 上述代码中的几乎是一样的，唯一的不同就是html:root中的font-size中62.5%与625%的区别，有什么分区呢？ 通常情况下，一般浏览器中...
分类：
Web程序 时间：
2015-08-11 20:38:01
阅读次数：
212
