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