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

Question

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

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

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

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

Answer 1

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