两边截掉20px左右-手机网站答案

【问题标题】：cut off about 20px on both side - mobile website两边截掉20px左右-手机网站
【发布时间】：2016-09-24 21:45:23
【问题描述】：

http://juniorgoldreport.com/ 是我正在开发的网站。它是用wordpress制作的。我通过使用

进行所有更改，使其对移动设备友好

@media only screen and (max-device-width: 480px) {

我正在通过桌面上的 chrome 检查元素查看我的所有更改，然后使用移动视图。

当您查看网站时，左右两侧都有额外的空间，可能像 20/30 像素。我想把多余的空间剪掉，这样它就可以放大了，文章占据了整个屏幕（可能距离屏幕两侧 2px）。

我不确定我需要进行哪些更改才能实现这一点。我一直在搞砸这么多元素，但我找不到一个可以直接改变网站大小的元素。

示例图片：

这就是现在的样子

这就是我想要做的：

【问题讨论】：

标签： html css wordpress mobile

【解决方案1】：

查看 style.css 的第 2267 行。

20px 的左右内边距被应用于#content .entry-content（以及许多其他内容）。

#content .entry-header,  #content .entry-content,  #content .entry-summary,  #content footer.entry-meta,  #content .featured-gallery,  .search.sidebar .page-content,  .blog.sidebar .page-content,  .sidebar .post-navigation .nav-links,  .paging-navigation .nav-links,  #content .author-info,  .comments-area .comments-title,  .comments-area .comment-list,  .comments-area .comment-navigation,  .comment-respond,  .sidebar .site-info,  .sidebar .paging-navigation .nav-links {padding-left: 20px; padding-right: 20px;}

【讨论】：

【解决方案2】：

您的.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;
    }
}

【讨论】：

谢谢你。就是这样。

【解决方案3】：

在您的 CSS 中找到此代码：

@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 {

并更改其中的最大宽度。我以 100% 的速度对其进行了测试，它似乎可以满足您的需求。

【讨论】：