无法强制网站适应屏幕宽度

Question

我无法使website适合屏幕。我不知道什么阻碍了所有更高级别div的最大宽度100％规则。在大多数情况下，我并没有真正使用固定宽度;只有百分比宽度低于100％。该网站开始抵制横向约773像素的水平缩小。

为了清楚起见，有一个媒体查询 - 促成了一个断点，它将侧边栏移动到主要内容下方600px的屏幕宽度，另一个断点位于1024px宽+，其中我特意允许任何一侧的黑色边距作为屏幕变得相当广泛。但是，它与我所关注的1024px及以下的范围有关。奇怪的是，容器div＃super-content似乎不想调整宽度低于712px，我无法理解为什么。有些孩子抵抗吗？哪一个不明显。

最重要的是，我希望我的内容可以修复1024px以下的任何和所有屏幕尺寸。请帮我识别抵抗元素 - 它们必须符合要求。屏幕宽度为1024px及以下时无水平滚动;内容应垂直扩展，不得横向溢出。

网站here。

编辑：我的印象是WordPress图像会动态缩放，因此，我认为它们不是这里的罪魁祸首。但是虽然他们的行为并不总是与我一致，但我已经看到WordPress图像，无论有没有字幕，都可以在这里和其他地方进行相应的缩放。

Answer 1

我认为这里最明显的问题是display: table甚至过度使用不需要显示为表格的对象。

对于<div id="page">：

display: block !important;

对于<div id="main">：

display: block !important;
width: calc(100% - 40px) !important;

对于<div id="super-content">：

display: block !important;