html - 尽管有适当的视口(viewport)元标记,但网站负载在移动设备上略微放大

标签 html ios web safari viewport

视口(viewport)元标记如下:

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


尽管如此,我需要手动缩小 iphone/ipad 以使网站适合屏幕。没有最小宽度阻止网站缩小以适应,所以我能想到的可能是 iOS Safari 计算视口(viewport)大小而不考虑其垂直滚动条?无论如何,是否有强制它一直加载缩放而不禁用整个缩放功能?

最佳答案

对于任何好奇的人,我都解决了。
案子:

  • 登陆页面有一个登录名,
  • iOS 会自动关注输入,因为字体大小低于 16 像素。
  • 因为它是一个单页应用程序,所以 View 保持不变。

  • 解决方案:
  • 确保您的输入具有至少 16px 的字体大小,否则 iPhone SE 等会放大,以便文本输入更加可见。
  • 关于html - 尽管有适当的视口(viewport)元标记,但网站负载在移动设备上略微放大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40493064/

    相关文章:

    html - 如何在网页上嵌入用VB构建的游戏

    javascript - 尝试过滤数组但未获得所需的输出

    html - 如何/在何处将元素置于网页中心

    javascript - 使用 SafeAreaView 时在 iOS 上 react native ScrollView 抽搐

    javascript - CSS - 使用悬停效果时无法将我的图像居中。

    python - flask 错误处理程序

    java - 驱动程序可执行文件不存在 : Selenium Firefox

    html - a 元素中的内容如何影响语义、屏幕阅读器和搜索引擎?

    ios - 是否可以在iPhone Setting Bundle中以编程方式添加UISwitch?

    objective-c - 使用 UIImage 定义背景图像