摘要： 图片在响应式布局中需要做到适应不同宽度的媒介给出最佳显示方案，如水一样会随着宽度的改变而改变。在HTML内的图片，比如文章里插入的图片我们可以通过CSS样式max-width来进行控制图片的最大宽度，如：#content img { max-width:100%; height:auto;}如此设置后ID为content内的图片会根据content的宽度改变以达到等宽扩充。 height 为 auto 的设置是为了保证图片原始的高宽比例，以至于图片不会失真。在WEB显示出来的图片除了 标签的图片外，还有 CSS 设置的背景图片。比如 logo 为背景图片：wondercss#... 阅读全文

摘要： 讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供 阅读全文