iPad Pro 11(2018)确切的CSS媒体查询

我已经为11英寸iPad Pro设置了CSS媒体查询,但在iPad上无法读取。

我当前的媒体查询是

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

}

我像这样为12.9“工作css

@media only screen and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) {
}

我还检查了11“的宽度在横向上是否为1194px,有人知道仅ipad pro 11”的CSS媒体查询正确吗?

cyf100765482 回答:iPad Pro 11(2018)确切的CSS媒体查询

Apple iPad Pro 11(2018)仅适用于媒体查询,涵盖纵向到横向宽度。

@media only screen and (min-width: 834px) and (max-width: 1194px)  { /* Your Styles... */ }

Apple iPad Pro 11(2018)媒体查询(仅针对平板电脑)

@media only screen and (min-width: 768px) and (max-width: 1024px)  { /* Your Styles... */ }

Apple iPad Pro 11(2018)最小宽度媒体查询

@media only screen and (min-width: 834px) { /* Your Styles... */ }

Apple iPad Pro 11(2018)最低高度媒体查询

@media only screen and (min-height: 1194px) { /* Your Styles... */ }

Apple iPad Pro 11(2018)横向媒体查询

@media only screen and (min-width: 1194px) and (orientation: landscape) { /* Your Styles... */ }

Apple iPad Pro 11(2018)纵向媒体查询

@media only screen and (min-width: 834px) and (orientation: portrait) { /* Your Styles... */ }

Apple iPad Pro 11(2018)Retina媒体查询

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (   min--moz-device-pixel-ratio: 2),only screen and (     -o-min-device-pixel-ratio: 2/1),only screen and (        min-device-pixel-ratio: 2),only screen and (                min-resolution: 264dpi),only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
}

Retina 2x媒体查询

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (                min-resolution: 192dpi),only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
}

Retina 3x媒体查询

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (   min--moz-device-pixel-ratio: 3),only screen and (     -o-min-device-pixel-ratio: 3/1),only screen and (        min-device-pixel-ratio: 3),only screen and (                min-resolution: 384dpi),only screen and (                min-resolution: 3dppx) { 
    /* Retina styles here */
}

本文链接:https://www.f2er.com/3038652.html

大家都在问