移动浏览器不支持宽度100％？

Question

here和here之前已经问过这个问题，但我找不到合适的答案

我不想更改默认的视口，因为除了我的页脚之外的其他所有内容都很漂亮。奇怪的是，我有一个固定的位置菜单width: 100%，它始终接受width: 100%值。

我尝试过width: 100vw，width: inherit和width: 100%。出于某种原因，我网站上的一些全宽图片无法与width: inherit一起使用，但在我使用<div>时采用了正确的宽度。

是否有一个解决方案，我不必更改我没想过的视口大小？

我的菜单#navbar { z-index: 5; width: 100%; padding: 10px 0px 10px 25px; background-color: #1391cb; position: fixed; top: 0; left: 0; border-bottom: 4px solid #3a3a3a; } 正常运行：

@media only screen and (max-device-width: 480px) {

    #main-content, #main-content-overlay {

        width: inherit;

    }

}

我需要正确缩放的图像：

JSON_NUMERIC_CHECK

此外，我网站的某些页面在移动设备上完美运行。没有可辨别的模式可以做到，哪些做不到。有些页面的内容比设备的高度要多，有些则没有。我的所有页面都没有以任何方式，形状或形式超出视口的宽度。

Answer 1

我唯一看到宽度的情况：100％被忽略，如果父容器没有设置宽度。