http://juniorgoldreport.com/是我正在工作的网站。它是用WordPress制作的。通过进行所有更改，我使其变得移动友好
@media only screen and (max-device-width: 480px) {
我正在通过桌面上的chromes inspect元素查看所有更改，然后使用移动视图。
当您浏览该网站时，左右两侧都有多余的空间，例如20 / 30px。我想删掉多余的空间，以便将其放大，使文章占据整个屏幕（可能距屏幕两侧2px）。
我不确定要实现此目标需要进行哪些更改。我一直在处理如此多的元素，但是我找不到一个可以对网站的大小进行任何直接更改的元素。
示例图片：
现在就是这样
这就是我想要做的：
最佳答案
看来您的.entry-content元素的max-width设置为604px。尝试删除此行：
max-width: 604px;
从这里 ：
@media (max-width: 999px){
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info {
padding-left: 0;
padding-right: 0;
}
}