iphone/ios兼容问题

iphone兼容问题

别的地方找的未验证，自存留用
借鉴链接

iPhone 11
/* 1792x828px at 326ppi */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) { }

This media query is for: iPhone 11 and iPhone XR

iPhone 11 Pro
/* 2436x1125px at 458ppi */

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

This media query is for: iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X

iPhone 11 Pro Max
/* 2688x1242px at 458ppi */

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

This media query is for: iPhone 11 Pro Max and iPhone Xs Max

iPhone 12 Mini
/* 2340x1080 pixels at 476ppi */

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

This media query is for: iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X

iPhone 12 and iPhone 12 Pro
/* 2532x1170 pixels at 460ppi */

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

This media query is for: iPhone 12 and iPhone 12 Pro

iPhone 12 Pro Max
/* 2778x1284 pixels at 458ppi */

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

iphone/ios兼容问题相关推荐

为什么我的iPhone iOS 15少了一些新功能
旧款iPhone可能兼容iOS 15,但它不会给你所有新的功能一直等待的iOS 15已经来到.到目前为止,你可能已经在iPhone上升级,并探索了新的Safari 浏览器和 FaceTime 通话功 ...
iPhone/iOS开启个人热点的纵向适配小结
http://blog.csdn.net/phunxm/article/details/42967035 一.iPhone创建个人热点 iPhone/iOS双环上网,即iPhone通过创建个人热点(P ...
iphone 键盘兼容_如何在iPhone上使用单手键盘
iphone 键盘兼容 With iOS 11, Apple added a one-handed keyboard option to the iPhone. This should make it ...
【转】iphone - ios app maximum memory budget
[转]iphone - ios app maximum memory budget https://stackoverflow.com/questions/5887248/ios-app-maximu ...
iphone 键盘兼容_如何从iPhone键盘上删除表情符号按钮
iphone 键盘兼容 If you keep accidentally opening the emoji keyboard while typing on your iPhone or iPad, ...
ios版android wear下载,iPhone能用Android Wear？新版本全面对iOS兼容
与大多数的运动手环和Pebble这样的智能手表不同,无论是谷歌Android Wear还是苹果watchOS系统的智能手表都是一个独立的"花园".而现在为了显示自己的兼容性,谷歌已 ...
苹果Iphone IOS移动端开发兼容问题
display:inline-block 中包含浮动元素 float 导致点击事件失效华为手机 Ipone ES6不兼容 ES6语法导致 Babel 编译器编译转成ES5 Ipnone手机兼容问题. ...
android和ios兼容面试题,[转]移动端常见面试题一：移动端兼容解决方案
1.安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的.想让图片在手机里显示更为清 ...
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
第一次弄移动端H5项目开发,虽然是简单的页面展示,但也遇到了很多细节问题与兼容问题,尤其是h5视频标签video, 一.移动端禁止缩放兼容 <meta name="viewport& ...

iphone/ios兼容问题

iphone兼容问题

iphone/ios兼容问题相关推荐

最新文章

热门文章