使我的内容div类的宽度更大,同时保持响应

时间:2016-08-21 09:49:50

标签: css wordpress responsive

我目前正在使用我在ThemeForest上购买的WordPress主题Scopic。我试图让我的内容div类的宽度更宽。如果我将#content的宽度更改为100%没有任何更改,但如果我将宽度更改为950px则会变宽。唯一的问题是它失去了响应功能。

您可以在https://jordans.io/portfolio/

上查看我的网站

HTML:

<!-- #content -->
<div id="content" role="main">

<article id="post-198" class="post-198 page type-page status-publish hentry clearfix">
<!-- .hentry-box -->
<div class="hentry-box">
<!-- .entry-wrap -->
<div class="entry-wrap">

    <header id="page-header">
        <h1 class="page-title">Resume</h1>
    </header>

      <div class="entry-content clearfix">
...

CSS:

.hentry .hentry-box {
    width: 850px;
}

#primary.sidebar-left #content {
    float: left;
}

1 个答案:

答案 0 :(得分:0)

你的问题是你有几个具有特定宽度的地方,也有最大宽度。试着这样做:

#site-container { width: 100%; max-width: none; }
article.page { max-width: none; }
.page-Portfolio { width: 100%;  }

使用文件中的所有css,您的页面宽度将达到100%。