我必须在我的网站上连续显示5张图像，并且将使用媒体查询来调整它们的大小，以使其适合屏幕大小。我的问题是前。在iPhone 5S中，我只需要显示3张图像，而不是5张，因为这是一个小屏幕。在iPad和具有更大屏幕的设备中，我需要显示5。那么，实现这一目标的最佳方法是什么？我是否应该通过JavaScript获取屏幕尺寸并将该尺寸传递给服务器，以决定我应该从数据库中获取多少图像，或者还有其他方法可以做到这一点？我不想使用额外的移动网站。
问题不仅仅在于视觉方面。这些图像需要每X秒更新一次，因此我需要根据屏幕从数据库中获取不同数量的图像。
谢谢
您可以使用JQuery来检测窗口大小，如下所示：
$(window).width()
$(window).height()
如果您不喜欢使用JQuery，则可以使用JavaScript轻松实现：
window.screen.availHeight
window.screen.availWidth
然后，您可以将这些值传递到服务器，并确定要加载的图像。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句