由于 ios Simulator 上的文件选择器导致水平溢出

Question

我有一个不是 user-scalable 的 Bootstrap 3 应用程序：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

页面包含一个完全响应的表单：

现在，只要我包含一个文件选择器来上传图像，页面的宽度就会增加，从而出现水平滚动条：

一旦我从表单中删除文件字段，UI 故障就会消失。

Answer 1

即使问题与我表单中的文件字段有关。我的 CSS 中的以下条目导致了问题：

body{
  font-family: 'Montserrat', sans-serif;
}

删除此条目确实解决了问题，水平溢出不再存在。