iPhone中的元视口问题但在android上工作

Posted

技术标签:

【中文标题】iPhone中的元视口问题但在android上工作【英文标题】:meta viewport issue in iPhone but working on android 【发布时间】:2021-05-07 07:02:06 【问题描述】:

<meta name="viewport" content="width=device-1200">

网站视图在 iPhone 上没有按照上述宽度显示,但在 android 上工作正常

【问题讨论】:

【参考方案1】:

通常 iphone 的视口有问题。我发现您使用的视口有问题。在 android 和其他 PC 上,浏览器会自动读取和修复视口。但不是在手机中,所以你需要修复你的视口元标记 .试试我在下面给出的那个。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】:

以上是关于iPhone中的元视口问题但在android上工作的主要内容,如果未能解决你的问题,请参考以下文章

缩略图图像不显示在 iPhone 或 iPad 上,但在 Android 上显示

Android WebView 似乎忽略了网页上的“视口”信息

iPhone 忽略 CSS 媒体查询。存在视口标签。在桌面上工作[关闭]

网站无法在 iOS 上正确显示,是不是增加了我的视口单位?

旋转回纵向时视口缩放中断

移动网站 - 视口取决于设备宽度