識別容器寬度

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中，固定寬度爲500px。根據結構，我猜測表單已經失控。將min-width:500px;添加到第二個規則會使頁面寬度比屏幕更寬，但會阻止窗體的裁剪。