css - 识别容器宽度

Question

我需要帮助找到我需要修改的 CSS 行，以在较小的屏幕尺寸下增加主内容容器的宽度。我遇到的问题是，在较小的屏幕宽度中，内容不会扩展到屏幕的宽度。相反，右边距相当宽。我想将屏幕左侧的内容扩展到右侧，以更好地利用屏幕空间。有人可以告诉我需要更改哪一行代码来解决这个问题吗？谢谢!

网站是 - https://www.shiftins.com

Answer 1

在 styles.css 中，第 2982 行:

.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 100%;
}

第 1552 行:

.page.sidebar-content .entry {
    padding: 40px 40px 40px 0;
}

结合起来，这些会产生您所看到的效果。

将第二条规则更改为 padding: 40px 0 40px 0; 删除了大的右侧填充，但表格仍然被剪裁。该表单包含在 iframe 中，宽度固定为 500 像素。根据结构，我猜表格是你无法控制的。在第二条规则中添加 min-width:500px; 使页面宽度比屏幕宽，但防止表单被剪裁。