如何用电脑调试移动端苹果刘海屏手机

Posted vieber

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用电脑调试移动端苹果刘海屏手机相关的知识,希望对你有一定的参考价值。

使用媒体查询来做

//iphoneX、iphoneXs
@media only screen and (device-width: 375px) and (device-height: 812px) 
//iphone Xs Max
@media only screen and (device-width: 414px) and (device-height: 896px) 
// iphone 12
@media only screen and (device-width: 390px) and (device-height: 844px)
 // iphone 12max
@media only screen and (device-width: 428px) and (device-height: 926px)

然后在响应式设置里面加上这些尺寸的手机就可以了。

以上是关于如何用电脑调试移动端苹果刘海屏手机的主要内容,如果未能解决你的问题,请参考以下文章

华为刘海屏挡住内容怎么办

iPhoneX屏幕上半部分刘海屏左右失灵。 下面正常使用是啥原因

乔布斯当场“复活”,苹果发AirPods 3和地表最强电脑芯片,秀刘海屏Macbook Pro

苹果这招绝了!iPhone X 刘海屏用了就侵权

HTML5 移动端页面适配 iOS 系统刘海屏

HTML5 移动端页面适配 iOS 系统刘海屏