摘要：
转载地址：www.jiawin.com/response-type-layout-design/讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3Media Query实现响应布局）。一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终 阅读全文
摘要：
写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 ----------- 译自：http://webdesignerwall.com/tutorials/responsiv... 阅读全文
摘要：
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10. IE7以及IE7以下版本可识别 11. IE7以及IE7以上版本可识别 lt：less than 当前指定版本以下，不包含当前版本gt：greater than 当前指定版本以上，不包含当前版本lte：less than or equal 当前指定版本以下，包含当... 阅读全文
摘要：
960个像素作12栏 16栏 24栏分割12栏和16栏分割的每个grid左右margin各10px，24栏分割每个grid左右margin各5px。几个重要的关键字和概念1.container容器：960px的宽度，左右margin auto 居中。2.grid_x x方格：最小方格宽度*x px宽度+左margin 10px+右margin10px（24栏布局分别为5px）3.prefix_x前间距：使用padding属性。让grid和前面保持（最小方格宽度+间距）*x的距离.(例如12栏的 prefix_3 的前间距为 （60px+20px）*3即向前隔开三个方格的距离 )。4.suffi 阅读全文