Question

我需要帮助找到我需要修改的CSS行，以便在较小的屏幕尺寸下增加主要内容容器的宽度。我遇到的问题是，在较小的屏幕宽度内，内容不会延伸到屏幕的宽度。相反，右手边缘相当宽。我想将屏幕左侧的内容扩展到右侧，以便更好地利用屏幕空间。有人能告诉我需要更改哪些代码来修复此问题吗？谢谢！

网站是 - mutableListOf<>

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中，固定宽度为500px。根据结构，我猜测表格是你无法控制的。将min-width:500px;添加到第二个规则会使页面宽度比屏幕宽，但会阻止剪切表单。

识别容器宽度

1 个答案: