Wordpress 为什么这个响应css不起作用？_Wordpress_Css_Responsive Design

Wordpress 为什么这个响应css不起作用？

wordpress css responsive-design

Wordpress 为什么这个响应css不起作用？,wordpress,css,responsive-design,Wordpress,Css,Responsive Design,我正试图修改组合页面Wordpress主题，添加一个页面宽度的图形横幅和类型处理。这是一个反应迅速的主题，但我显然把事情搞砸了。css使用x轴上的背景重复，在全屏上重复一些木板，然后在其上放置其他图形，这些图形相应地居中。以下是我所说的css： #bgImageCornerTL { position:relative; top:0px; left:0px; margin-top:0px; height: 274px; width: 100%; z-index: 10; background-i

我正试图修改组合页面Wordpress主题，添加一个页面宽度的图形横幅和类型处理。这是一个反应迅速的主题，但我显然把事情搞砸了。css使用x轴上的背景重复，在全屏上重复一些木板，然后在其上放置其他图形，这些图形相应地居中。以下是我所说的css：

#bgImageCornerTL
{
position:relative;
top:0px;
left:0px;
margin-top:0px;
height: 274px;
width: 100%;
z-index: 10;
background-image:url(http://chalupaholics.com/bob/wp-content/uploads/2012/10/PanelWStripe.png);
background-repeat:repeat-x;
background-position: center center;
}
#LogoContent {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -250px;
    width: 872px;
    height: 198px;
    z-index: 12;
    background-repeat: no-repeat;
    background-image: url("/bob/wp-content/uploads/2012/10/BufBobwords.png");
    opacity: 0.9;
}

重复在iphone上不起作用。所以，我写了一些css，应该通过“媒体”查询运行，但我的iphone没有接收到它，页面看起来仍然错误。（对于iphone，我使用了一个单一的图形作为标题，图形和木板被压平成一个图形。）有人能发现我做错了什么吗？以下是CSS：

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

{
#bgImageCornerTL
    {
    position:relative;
    top:0px;
    left:0px;
    margin-top:0px;
    height: 147px;
    width: 100%;
    z-index: 10;
    background-image:url(http://chalupaholics.com/bob/wp-content/uploads/2012/10/TopBannerIphone.png);
    background-repeat:no-repeat;
    background-position: center center;
    }
#LogoContent,#Tasty,#Address,#Order {
    display:none;
}

}

等等

下面是header.php文件的相关区域，我在其中添加了一些div来处理新的图形：

<div id="bgImageCornerTL"></div>
<div id="navwrap"></div>
</head>

<body>

<div id="LogoContent">
<div id="Tasty"></div>
<div id="Address"></div>
<div id="Order"></div>
</div>



<div id="wrapper">

谢谢

在您的媒体查询中，在#bImageCornertl选择器上方有一个额外的“{”选项

就是这样！谢谢您发现了这一点。让我开心！

http://www.chalupaholics/bob/