文档图像缩放

　　在媒体查询条件下，具有了基本样式和组合响应设计样式表。虽然这对于支持媒体查询的设备总是返回ture，但他是用于骗取任何不支持或不打算使用规则的设备的一个很好的方法。

　　现在，很容易的添加最后一块到这个单独的文件中，以帮助你处理屏幕宽度更大的范围。这里所做的唯一的区别是将图像变为嵌入式，这样文本就可以环绕其周围，并且在流体布局上放置一个宽度约束，从而使文本行在桌面的宽屏幕或者横向显示模式中不会变的长的可笑。

　　基于CSS的响应设计的最后一点是，发送到设备的图像资源并不特别智能。不如说蒙娜丽莎图像是一个304px*159px大小的静态资源：lisa.jpg，这是一个合理的、微不足道的20KB文件，适合于通过网络发送，不用管设备是否对其缩短。

　　不难想象这样的场景，你想要更大、更详细的图像以便实现尺寸范围更广的缩放效果。为了在高分辨率下获得良好、逼真的图像，需要原始资源至少保持其原始大小，当然，这样做会增加文件大小，而小屏幕设备将不得不下载这些原本没有不要下载的内容（更不用说它还不具有在运行时调整图像大小的处理能力）。

　　这个时候，我们的第一反应可能是应该准备号不同范围的图像从而可以选择性地下载到不同的设备。但在这，你想证明的是如何在客户端上应付不同的设备，而不是依赖于服务器上的浏览器检测。由于要处理静态标记，因此在保持网络资源高效利用的同时来展示不同尺寸的图像的方法不会立刻变得清晰。

　　另一种非常那个引人注目的方法是有一个外部的服务来重新调整图像。基于网络的图像调整服务tinySrc，可以用来在一个响应设计环境中为设备提供图像缩放服务。要使用tinySrc API，只需要将tinySrc前缀添加到图像的（完整）URL之前即可。

　　tinySrc是通过使用Device Atlas数据库来调整图像的，无论什么设备对其发出的请求，他都可以使用图像适合该设备的宽度。