Laravel刀片。根据屏幕大小显示图像大小的最佳方法

Question

对于每个记录，我有两个图像，小尺寸和大尺寸。根据屏幕大小显示图像大小的最佳方法是什么？

我知道我可以使用css和mediaquery并使用div display none / block显示小图像或大图像，但是这样，我明白用户已经下载了两个图像，即使它们没有显示< / strong>，这是对的吗？然后，页面加载增加。如果是这样，最好的选择是什么？

Answer 1

对于此问题，最有效的方法是使用User-Agent检测客户端是台式机，平板电脑还是移动设备。

我更喜欢使用Mobile_Detect或jenssegers/agent（基于Mobile_Detect）。

修改

最近我在我的服务器上安装了Google Pagespeed Module。有一个过滤器resize_rendered_image_dimensions，它返回当前客户端视图大小的图像（正是您要查找的内容）。

其他一些实现将使用Javascript进行延迟加载，并根据视口大小向所请求的URL添加维度。