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