3

再会

我在 Twitter Bootstrap 中使用流畅的布局。现在我使用的是 1280*720 的图像。现在，当用户的手机屏幕为 960px 及以下时，图像显然会被调整大小。

现在，当您调整屏幕大小（或在较小的屏幕上查看）时，您将在检查元素代码中看到图像具有尺寸和另一个尺寸 nl：（自然：1280px * 720px）。所以很明显，自然大小是服务器上的原始图像大小..

我的问题：当用户使用使用流体属性的移动设备查看图像时，会下载原始图像然后调整大小，还是将调整大小的图像下载到他的手机？所以基本上 - 与桌面用户相比，使用移动设备的用户会下载更小的图像（如果它是相同的图像/服务器上的一个图像）？

谢谢你！

4

2 回答 2

2

他们将获得完整尺寸的图像，这不是最好的想法表现。

我在我的项目中使用了 Matt Willcox 的 Adaptive Images 脚本来解决这个问题。

http://adaptive-images.com/

这是一个基于 PHP 的解决方案，因此可能不适合您的需求，但它是一个很好的工具。

另一种选择是根据屏幕尺寸或设备检测提供较小的图像。

于 2013-03-19T12:10:44.137 回答
1

他们将下载完整尺寸的图像，并在他们的设备上重新调整大小。

自然大小是指下载的图像（即正在显示的图像）的自然大小

于 2013-03-19T12:09:53.543 回答