css - 任何浏览器的纵横比媒体查询

Question

我一直在研究媒体查询，以便在浏览器宽度创建的宽高比小于 4:3 时将背景大小从“包含”调整为“覆盖”。

效果是提供不再完整显示的背景图像，但至少会填满屏幕以获得专业外观。

有一个选择器 'device-aspect-ratio'，但这没有得到很好的支持。

是否有某种解决方法可以避免为各种设备屏幕尺寸提供声明？

Answer 1

没有解决方法 afaik。如果您可以选择切换类，则可以求助于 javascript 解决方案。