美好的一天
我在 Twitter Bootstrap 中使用了流畅的布局。 现在我正在使用 1280*720 的图像。现在，当用户的手机屏幕为 960px 或更小时，图像显然会被调整大小。
现在，当您调整屏幕大小时(或在较小的屏幕上查看)，您将在检查元素代码中看到图像具有尺寸和另一个尺寸 nl: (natural: 1280px * 720px)。所以很明显，自然大小是服务器上的原始图像大小..
我的问题:当用户使用使用流体属性的移动设备查看图像时，是先下载原始图像然后调整大小，还是下载调整后的图像图片到他的手机？所以基本上 - 与桌面用户相比，使用移动设备的用户是否会下载较小尺寸的图像(如果它是相同的图像/服务器上的一个图像)？
谢谢!
最佳答案
他们将获得全尺寸图像，这不是性能方面的最佳创意。
我在我的元素中使用 Matt Willcox 的自适应图像脚本来解决这个问题。
这是一个基于 PHP 的解决方案，因此可能不适合您的需求，但它是一个很好的工具。
另一种选择是根据屏幕尺寸或设备检测提供较小的图像。
关于css - 流体布局 : What image will the user download?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15499094/