响应式网络需要多大尺寸的图像或图像?

时间:2013-06-30 16:36:20

标签: css image responsive-design

我正在努力使我们的网站响应。我想知道我是否有占据整个屏幕的图像,减去导航标题,我需要在每种类型的设备上使用多大的图像?我只需要一个吗?或者我需要1024x768,800x600等......?

示例:www.Squareup.com

2 个答案:

答案 0 :(得分:1)

这取决于您希望图片看起来有多好以及网站加载速度。通常在RWD中,您使用百分比来缩放图像以填充容器,因此尺寸不一定重要。

根据你如何缩放它,任何尺寸理论上都可以“适合”。另一方面,如果你不使用百分比宽度那么你1)可能不是练习rwd 2)可以指定你的容器的特定宽度,以便你的图像以任何方式填充它,所以再次任何大小的工作。此外,如果为图像指定特定的最大宽度但使容器响应,则任何大小都“适合”容器。

但是我建议现在最低800x600作为背景。也许目标环绕1024x768,因为用户分辨率通常大于现在。只要你认为它在具有更高分辨率的屏幕上看起来仍然很好,你就可以拥有“只有一个”。我还建议重复纹理图案与摄影背景,它们很棒。

答案 1 :(得分:0)

我不确定我理解你的问题 但是你可以在你的图像上设置max-width: 100%,它们在不同的分辨率下看起来很棒