Question

我有simple web page只显示包含一些输入字段的表格。在普通浏览器上，它以相当可读的大小显示，因为它仅使用浏览器默认值。但在iPhone上它变得非常小。

enter image description here

我不知道为什么Safari只使用了20％的屏幕，因为每次使用都会缩放页面非常烦人，因为即使缩放也很痛苦，因为很难用双击打标题，因为它太小了。

是否可以使用某些iOS特定的CSS来修复此渲染错误？或者是否有可能告诉Safari以缩放状态启动此页面？

Answer 1

您需要在html文档头中添加元标记，以便在移动设备上使用设备宽度：

<head>
  <title>...</tile>
  ....
  <meta content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no" name="viewport">
</head>