AWS S3响应式网站部署打破了CSS

Question

我有一个静态网站，使用flexbox使其响应。我已经在我的桌面上进行了本地测试，调整了浏览器的大小，以及我的iPhone和iPad本地。一切都很好，但是，当部署到S3时，网站可以在我的浏览器上运行，但不能在我的iPhone / iPad上运行。

我添加了：

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

没有成功。在查看HTML之后，似乎AWS将我的代码包装在其自己的html和frameset元素中。结构然后变成：

html
  head element added by AWS
    meta elements added by AWS
  frameset element added by AWS
    frame element added by AWS
      #document element added by AWS
        my code

我怎么能这样做？该网站在我的浏览器中看起来很好。我也尝试使用javascript动态添加视口metatag，但它不起作用。在heroku上部署工作正常。