响应式网站：navbar正在缩小整个外观

Question

我建立了一个响应式网站（http://www.cjkrause.de/borgo-v2），它在Android和ios智能手机设备上都表现得很奇怪。我有一个导航栏似乎强制浏览器收缩整个网站，以使其适合窗口。但是这个栏上没有设置宽度，因此它应该重新排列其内容以使其适合屏幕。

我的标题部分已经有了这个：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

在这里看到它在我的Android手机上的显示方式： android appearence

在桌面浏览器上，即使在响应式仿真中，一切正常。

Answer 1

在我看来问题就在于您的地图朝向主页底部。

它位于iframe中，其硬编码宽度为600px，因此它不会缩小到较小的视口，并导致页面上的其他元素展开。