并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。
创新互联公司主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务晋城,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
注意：网页默认不添加扩展的表现是 viewport-fit=contain，需要适配 iPhoneX 必须设置 viewport-fit=cover，这是适配的关键步骤。
在CSS文件尾部增加针对不同屏幕分辨率的规则。例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。以下代码针对Z-Blog，WordPress相关标签名称只需修改一下即可。
)，之后用env()，需要都写上用于兼容。注意 ：如果fit-content设置的是auto，则safe-area-inset-bottom等不起作用。
全面屏，前后玻璃 iPhone X采用8寸全面屏设计，采用超级Retina显示屏以及OLED技术。
iPhoneX的刘海屏就是屏幕上方有一小块黑色的显示屏。那里搭载着听筒、摄像头、感应器等软件。苹果为了适应屏幕比例，改变了屏幕的形状，发明了这“异形全面屏”。
苹果手机刘海屏好。因苹果手机大部分都是刘海屏。挡在前额的刘海就受到了很多的诟病，被好多朋友吐槽难看，尽管如此，之后各家厂商也还是不约而同的研究起了全面屏。
红米K20pro手机拥有火焰红，冰川蓝、碳纤黑和夏之蜜语四种颜色；采用39英寸极界全面屏，99%的高屏占比，1毫米的极窄边框。AMOLED屏采用护眼模式0，德国VDE低蓝光护眼认证。
1、首先在的中加入“viewport-fit=cover”viewport-fit有两个选项（default是auto）然后给涉及到安全区域的元素加style 即 iOS 12之前用constant()，之后用env()，需要都写上用于兼容。
2、但是在safari等有底栏的浏览器（页面显示区域已经在安全区内部）也同样会加上安全区宽度。（视频教程：css视频教程）CSS函数苹果在推出全面屏之后提供的CSS函数，ios12为constant()，ios12为env()。
3、打开IE浏览器窗口，点击里面的链接，接着关闭先前打开的IE浏览器窗口，只留下这个链接页面，拉动边框将其窗口拉到整个屏幕，然后关闭该页面。从此，你打开IE浏览器窗口，就直接能看到最大化的页面了。
4、首先，在网页代码的头部，加入一行viewport元标签。
5、首先，iPhone全面屏出现了刘海和屏幕圆角设计，我们需要重新定义「安全区域」，确保页面内容不能超出安全区域。 具体的安全区高度=屏幕高度-44-34(单位：pt)，如下图所示 以下就顶部、底部和满屏界面进行适配。
1、ios17支持iPhone14系列、iPhone13系列、iPhone12系列、iPhone11系列的机型。这是苹果guan 方根据手机的性能设定的支持机型，是经过认真筛选的。苹果1苹果13Pro、苹果13Promax。
2、支持iOS 17的机型有iPhone 14全系列、iPhone 13全系列、iPhone 12全系列、iPhone 11全系列、iPhone XS、iPhone XS Max、iPhone XR、iPhone SE iPhone SE 3。共计20款机型。
3、iOS 17系统没有将支持机型扩大，仅限于19种iPhone型号，包括iPhone 14 Pro Max、iPhone 14 Pro、iPhone 13 Pro Max、iPhone 13 Pro等。
4、iOS17将支持iPhoneXR及之后的苹果产品。