在平板电脑上折叠时,小的响应图像显得模糊

时间:2016-05-31 20:51:54

标签: css image responsive-design media-queries

我有一个网页,行宽1200像素,有3/4列,每列有一个图像,每张图像可能是300/400像素宽。在崩溃时,在断点(768)下方,图像看起来模糊,因为它们的宽度缩放到768px。 我想保持尽可能小的东西,但我认为我必须使用更大的图像,在大型桌面视图上以1:1(几乎)在平板电脑上缩小媒体查询。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

如果图像是最大的,您可以将图像上传到768像素。如果您有大量图像并担心从服务器缓慢连接或带宽的下载时间,请考虑仅根据分辨率加载图像。

您可以在这里阅读更多内容: http://www.html5rocks.com/en/tutorials/responsive/picture-element/

您还可以使用谷歌响应式图像,看看哪种方式最适合您,或者构建您自己的解决方案:)