为什么我的内容在@media查询中没有全宽?

时间:2015-04-07 15:51:59

标签: html responsive-design media-queries

我正在尝试使wordpressblogg响应。当我试图将大小设置为100%时,帖子变得非常薄,即使它表示该元素是360px宽。我不知道我在这里做错了什么。

这是我的style.css

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

.datebox, #sidebar {
    display: none;
}
#body{
    background: none !important; 


}

.hentry {
width: 58.33%;
padding: 5%;
margin: 0;

}

}



/*@media only screen and (max-width: 400px) {
  #pagewrapper, #body {max-width: 100% !important}
  .content, #posts, .entry-title, .meta, #postbody {max-width:94%; margin-left: 3% !important; border-radius: 3px;}
  .datebox, #sidebar, .reklam, #credit{display:none;}
  img {max-width: 107.5% !important;}
  .text .content > p:first-child:first-letter{max-width:100% !important}
  .hentry {max-width:100% !important; padding: 0px; margin: 0 auto;}
  #comments {max-width:100% !important}
  #body{background: none !important;}

}/*slut*

这是从头部剪掉的

<head>
<!-- TradeDoubler site verification 2496851 -->
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<?php wp_head(); ?>

我已尝试过所有内容,但无论内容是什么都不能填满整个手机。它仍然可以放大和缩小。先谢谢。

0 个答案:

没有答案