CSS媒体查询设备 - 宽高比不能在16/9上运行

Question

我有一个页面，图像在16/9屏幕上被切断。我正在使用媒体查询尝试为具有该宽高比的设备移动图像的位置，但它不起作用。我有一台笔记本电脑，1366x768（16/9）连接到另一台显示器，分辨率为1680x1050（16/10）。我知道媒体查询是正确的，因为如果我将其更改为16/10而不是16/9，则会在较大的监视器上进行更改。

知道为什么这可能不起作用？我觉得我已经尝试了一切。

谢谢！

@media screen and (device-aspect-ratio: 16/9) {
    .post-87 .content-container {
         background-position:50% -200px !important; 
}
 }

Answer 1

这可能是因为1366x768不是16/9。 1366/16 = 85.375和768/9 = 85.333。 1366和768的最大公因子是2，所以确切的纵横比是683/384。您可能可以添加媒体查询来处理此案例并修复您的问题。