由于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-glitch就会消失。

Answer 1

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

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

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