对普通青年来说，响应式的网页设计就是在 CSS 里加一个 @media 规则，规定在多大尺寸下元素用什么样式。例如：
/* 普通样式 */
元素 {
如此这般;
}
/* 页面最大宽度为 320像素时的样式 */
@media (max-width: 320px) {
元素 {
这般如此;
}
}
对图片来说，其实有更便利的办法。只要你不是那种用微软 IE 浏览器拖全人类后腿的人，你可以用一个新标签 <picture> 结合 <source> 标签，指定在不同页面尺寸和硬件设备支持下用不同的图片。具体可参见 HTML5 Rocks 上的这篇文章。要看你的浏览器是否支持响应式图片，可以测试一下这个页面上的猫：把浏览器页面逐渐收窄，就可以看见猫在屏幕很宽的时候是躺着的，屏幕窄到一定程度会起来蹲着，更窄的时候会蜷起来。
新版的统计之都网站主题中，我便是用了这个功能。
赞赏
作为一名没有固定工作的自由职业者，我非常感谢您通过捐赠的方式来支持我的写作和开源软件开发。当然，捐赠纯属自愿。无论金额多少，都是一片诚挚的心意。支付方式如下：
| 微信 | ← 奋力支开它俩 → | 支付宝 |
|---|---|---|
 |
其它爱心通道 ↓ Venmo: @yihui_xie Zelle: xie@yihui.name PayPal: xie@yihui.name |
 |
若使用 Venmo/Zelle/Paypal，请添加备注“gift”或“donation”，以免捐赠被视为我的可税收入。若使用 Paypal，支付类型请选 Family and Friends，而不要选 Goods and Services。
在不影响生活的前提下，我会将收到的捐赠以尽量大的比例回馈给开源社区和慈善机构。作为参考，2024-25 年间我共收到约三万美元捐赠，完税后我转手捐出了一万五千美元。