用于定位Apple 2019设备的正确CSS媒体查询是什么?
iPhone 11,iPhone 11 Pro和iPhone 11 Pro Max。
答案 0 :(得分:14)
/* 1792x828px at 326ppi */
@media only screen
and (device-width: 414px)
and (device-height: 896px)
and (-webkit-device-pixel-ratio: 2) { }
此媒体查询还适用于:iPhone XR
/* 2436x1125px at 458ppi */
@media only screen
and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) { }
此媒体查询还适用于:iPhone X和iPhone Xs
/* 2688x1242px at 458ppi */
@media only screen
and (device-width: 414px)
and (device-height: 896px)
and (-webkit-device-pixel-ratio: 3) { }
此媒体查询还适用于:iPhone Xs Max
要添加横向或纵向,请使用以下代码:
and (orientation : portrait)
and (orientation : landscape)