在平板电脑上折叠时，小的响应图像显得模糊
Small responsive images appear blurred when collapsed on tablet
我有一个网页，一行 1200 像素宽，大约 3/4 列，每列都有一张图片，也就是说每张图片可能有 300/400 像素宽。在折叠时，在断点 (768) 以下，图像显得模糊，因为它们的宽度被缩放到 768 像素。
我想让事情尽可能小，但我认为我必须使用更大的图像，在大型桌面视图和1:1（几乎）在平板电脑上使用媒体查询缩小它们。
有什么想法吗？
您可以将图片上传到 768 像素，如果这是他们获得的最大图片。如果您有大量图像并且担心连接速度慢或服务器带宽的下载时间，请考虑仅根据分辨率加载图像。
您可以在这里阅读更多内容：
http://www.html5rocks.com/en/tutorials/responsive/picture-element/
您还可以 google 响应式图片并查看最适合您的图片，或者构建您自己的解决方案（如果您喜欢）:)
我有一个网页，一行 1200 像素宽，大约 3/4 列，每列都有一张图片，也就是说每张图片可能有 300/400 像素宽。在折叠时，在断点 (768) 以下，图像显得模糊，因为它们的宽度被缩放到 768 像素。 我想让事情尽可能小，但我认为我必须使用更大的图像，在大型桌面视图和1:1（几乎）在平板电脑上使用媒体查询缩小它们。
有什么想法吗？
您可以将图片上传到 768 像素，如果这是他们获得的最大图片。如果您有大量图像并且担心连接速度慢或服务器带宽的下载时间，请考虑仅根据分辨率加载图像。
您可以在这里阅读更多内容： http://www.html5rocks.com/en/tutorials/responsive/picture-element/
您还可以 google 响应式图片并查看最适合您的图片，或者构建您自己的解决方案（如果您喜欢）:)