如何创建适用于纵向所有iPad的媒体查询？

Question

问题在于旧款iPad的分辨率为768 x 1024像素，而新款的分辨率为1536 x 2048像素。如何在一个媒体查询中解决机器人iPad的纵向问题？这可能吗？

<link rel="stylesheet" href="stylesheets/device.css" media="only screen and (((min-width:768px) and (max-width: 1024px)) or ((min-width:1536px) and (max-width: 2048px)))">

我找不到像这样嵌套媒体查询条件的示例。

Answer 1

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

请参阅此link希望它适合您