如何使媒体查询与Ipad Pro 12.9一起使用

Question

我使用以下媒体查询来定位Ipad Pro 12.9

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

它适用于浏览器模拟器，但是当我尝试实际设备时，横向视图看起来与普通桌面相同。它在纵向上工作正常，但忽略了横向视图媒体查询。

你们知道解决这个问题的方法吗？

Answer 1

尝试使用单独的媒体查询。一个用于景观，一个用于肖像，一个用于两者。

word = "cat"
index = 1
replacement = "o"
new_word = word[:index] + replacement + word[index+1:]
#new_word --> 'cot'