这是一个看起来应该有一个简单解决方案的问题,但实际上没有。有选择,只是不容易。
至少在我看来是这样。
CSS是检测浏览器宽度的最佳方法。事实上,您确实无法从PHP检测浏览器宽度。可以使用JavaScript,但这就是复杂性所在。
即使您可以在PHP中检测浏览器宽度,您也不会想这样做。如果他们将浏览器做大(即旋转设备),会怎么样?PHP已经过时了,不能再添加回去了。
有一个clever technique 我了解到,您在哪里使用新的HTML5图像srcset仍然以移动分辨率提供图像,但图像非常小。然而,由于您使用的是一个滑块,我想这意味着一个插件,所以您可能没有这种灵活性。
这就给您留下了JavaScript。如果浏览器宽度很小,可以删除图像,但需要保持观察视口宽度,以防其发生变化,并准备好将其放回原处。可能更好,只在需要时加载(即延迟加载)。您的滑块或其他选择可能只是在本机上为您提供了该功能。