响应图片技术可以说是响应布局衍生出来的一个小分支。说白了，就是不同显示器宽度下调用不同的图片。
这玩意，最近在国外讨论很火，有几种不同的实现方法，但都并不复杂。本文就将简单介绍这些方法，从原理到实践。同样的，代码示例，截图，demo页面，都有。希望本文的内容能够对您的学习有所帮助。
文章关键字 ‘显示器’
像素的世界及其在web开发制作中的应用
2009年12月7日，星期一
什么是像素的世界？如果您现在正在电脑前看这篇文章，那么您现在看到的就是像素的世界。本文的中心思想就是传达我们眼前所见都是由像素构成的这个意识。为了是让我们多一种思维的角度，对于我们web设计与开发有所帮助。内容多是个人的观点，可能会有不正确之处，欢迎指正，欢迎交流。提供必要的demo页面，配合丰富的插图，希望对您的学习有所帮助。
我熟知的三种三栏网页宽度自适应布局方法
2009年11月17日，星期二目前，以1024像素显示器为目标的960~1000像素的网页在占有率越来越高的宽屏下的显示有些吃力了。采用流动性布局，也就是宽度自适应布局可以有效解决这一问题。自适应问题是个很大的题目，如果深入细节，不是几篇文章可以说清的。本文就针对实现简单的三栏宽度自适应做题。简要展示了我所熟知的三种宽度自适应布局方法。全都是比较优秀，没有兼容性问题的方法。提供demo实例演示以及源文件下载。希望对您有所帮助。
关于Google圆角高光高宽自适应按钮及其拓展
2009年10月24日，星期六
本文以Google圆角高光高宽自适应按钮为引子，阐述此貌似平常的按钮后面的强大技术，并提供我经过我反复试验的更加优化高效的css实现方法，并对其优点进行分析。然后进一步扩展，探讨Google在css技术应用以及网页产品开发上的思想意识，强调应该有将css扩展性重用性发挥到极致的意识。并通过将虾米网图片按钮转换为效果一致的css按钮这个实例进一步验证培养css重用性可扩展性意识的重要性。本文不仅仅是讲解如何通过高效的css实现一些貌似只有图片才能实现的效果，更重要的是要传达Google在产品设计在技术运用上所体现的一种思想，传达Google是如何将产品的扩展性预见性运用到极致的，借以希望你我都能从众领悟到一些东西，然后在前端这块领域有所作为。
本文提供技术实现代码以及demo实例页面，希望对您有所帮助。
我的应用
我的应用