jquery iPhone 14(Pro、Max)的媒体查询

whhtz7ly 于 2022-12-12 发布在 jQuery

关注(0)|答案(2)|浏览(195)

针对Apple最新设备的CSS媒体查询有哪些？
2022 - iPhone 14（专业版、专业最大版）

2条答案

适用于iPhone 14 Pro：390像素宽844像素高（约）

@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { }

iPhone Pro 14最大版：428像素宽926像素高

@media only screen 
        and (device-width: 428px) 
        and (device-height: 926px) 
        and (-webkit-device-pixel-ratio: 3) { }

我实际上体验过iPhone 14 Pro Max Viewport甚至有430px宽。所以最好调整到这个甚至更高