html - 是否有任何针对台式机的媒体查询，仅可用于1366 * 768横向设备

我已经说过了，它仅适用于ipad-pro（1366 * 1024）风景。它不会打扰我的1366 * 768设备视口。让我显示以下代码：

@media only screen
  and (min-device-width: 1025px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){selector{

    background-size: 100% 75% !important;
    background-position: center top  188px!important;
    background-repeat:no-repeat;background-attachment: fixed;
    }
}

现在我需要另一个只能用于1366 * 768的媒体查询。我为1366 * 768编辑上面的一个，但无法正常工作。我想我可以帮助您了解我的实际需求：请帮助某人！

最佳答案

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

尝试一下并检查。我没有iPad Pro，但这在Chrome模拟器中对我有用。

关于html - 是否有任何针对台式机的媒体查询，仅可用于1366 * 768横向设备，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59190105/