css iPad与iPad Air的媒体查询

sq1bmfud 于 2023-02-10 发布在其他

关注(0)|答案(3)|浏览(155)

关于StackOverflow上的@media查询已经有2个很好的讨论。其中一个在这里：CSS media queries work for iPad2, iPad Air, Samsung Galaxy, large screens but not the usual desktop screens.
这些讨论发生在iPad Air出现之前。iPad Air的视口为2048x1536。我找不到它的webkit-min-device-pixel-ratio。我想专门针对Air，因为我的AJAX网站缩小到了它的一半大小。这个网站只适合横向浏览。
所以...

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 1.0)

〉针对旧版iPad 2

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 2.0)

〉针对iPad 3和4的视网膜，但不针对Air
我试过各种

@media only screen 
and (min-device-width : 1536px) 
and (max-device-width : 2048px) 
and (-webkit-min-device-pixel-ratio: 2.0)

试着让空气做出React。谁有为新空气开发的经验？

css

来源：https://stackoverflow.com/questions/26934090/media-queries-for-ipad-vs-ipad-air

3条答案

按热度按时间

wwwo4jvm1#

您需要的视口大小为http://viewportsizes.com/?filter=ipad Air也有视口1024x768

赞(0）回复(0）举报 2023-02-10

mo49yndu2#

我在开发新的iPad air 3时遇到了一些问题。我几乎没有找到媒体查询窗口大小的确切信息。一个朋友告诉我，它和iPad pro（10.5英寸）一样大，所以我去了下面的苹果开发者网站：https://developer.apple.com/library/archive/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html
从表2-1中获取UIKit的大小是很重要的。毕竟我的查询目标是iPad Air 3（横向模式），看起来像这样：@media all and (device-width: 834px) and (device-height: 1112px) and (orientation:landscape) {}

赞(0）回复(0）举报 2023-02-10

6rqinv9w3#

你可以试试这个，我试过了，很管用。
iPad Air第五代
@仅媒体屏幕和（宽度：820 px）和（高度：1106像素）{}
@仅媒体屏幕和（宽度：1180 px）和（高度：746像素）{}

赞(0）回复(0）举报 2023-02-10