ios - 如何使媒体查询与 Ipad Pro 12.9 一起使用
<p><p>我使用以下媒体查询来定位 Ipad Pro 12.9</p>
<pre><code>@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape) and (webkit-min-device-pixel-ratio: 2) {}
</code></pre>
<p>它可以在浏览器模拟器上运行，但是当我尝试实际设备时，横向 View 看起来与普通桌面相同。它在纵向上运行良好，但忽略了横向 View 媒体查询。</p>
<p>你们知道解决这个问题的方法吗？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>尝试使用单独的媒体查询。一张是横向的，一张是纵向的，一张是两面的。 </p>
<pre><code>/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
}
/* Portrait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
}
/* Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
}
</code></pre></p>
<p style="font-size: 20px;">关于ios - 如何使媒体查询与 Ipad Pro 12.9 一起使用，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/47538705/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/47538705/
</a>
</p>
页:
[1]