无法强制网站适应屏幕宽度
Unable to force website to fit to screen width
我无法让 website 适合屏幕。我不知道是什么在抵制我在所有更高级别 div 中的 max-width 100% 规则。在大多数情况下，我并没有真正使用固定宽度；只有低于和最高 100% 的百分比宽度。网站在横向773像素左右开始抗横向缩小
为了清楚起见，有一个媒体 query-facilitated 一个断点，它将侧边栏移动到 600px 屏幕宽度的主要内容下方，另一个断点在 1024px 宽+，我特意在其中允许黑色边距屏幕变得相当宽阔。但是，它在我关心的 1024px 及以下范围内。奇怪的是，容器 div#super-content 似乎不想调整到 712px 宽度以下，我不明白为什么。有人 child 抵制吗？不清楚是哪一个。
最重要的是，我希望我的内容适用于 1024 像素以下的所有屏幕尺寸。请帮助我确定抵制元素 - 他们必须合规。在 1024px 屏幕宽度及以下不能有水平滚动；内容应垂直扩展，而不能水平溢出。
网站here。
编辑：我的印象是 WordPress 图像会动态缩放，因此，我认为它们不是这里的罪魁祸首。但是，虽然他们的行为并不总是与我一致，但我已经看到 WordPress 图像，无论有没有标题，都会在此处和其他地方响应地缩放。
我认为这里最明显的问题是即使在不需要显示为 table 的对象上也过度使用了 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;
我无法让 website 适合屏幕。我不知道是什么在抵制我在所有更高级别 div 中的 max-width 100% 规则。在大多数情况下，我并没有真正使用固定宽度；只有低于和最高 100% 的百分比宽度。网站在横向773像素左右开始抗横向缩小
为了清楚起见，有一个媒体 query-facilitated 一个断点，它将侧边栏移动到 600px 屏幕宽度的主要内容下方，另一个断点在 1024px 宽+，我特意在其中允许黑色边距屏幕变得相当宽阔。但是，它在我关心的 1024px 及以下范围内。奇怪的是，容器 div#super-content 似乎不想调整到 712px 宽度以下，我不明白为什么。有人 child 抵制吗？不清楚是哪一个。
最重要的是，我希望我的内容适用于 1024 像素以下的所有屏幕尺寸。请帮助我确定抵制元素 - 他们必须合规。在 1024px 屏幕宽度及以下不能有水平滚动；内容应垂直扩展，而不能水平溢出。
网站here。
编辑：我的印象是 WordPress 图像会动态缩放，因此，我认为它们不是这里的罪魁祸首。但是，虽然他们的行为并不总是与我一致，但我已经看到 WordPress 图像，无论有没有标题，都会在此处和其他地方响应地缩放。
我认为这里最明显的问题是即使在不需要显示为 table 的对象上也过度使用了 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;