Question

我正在使用媒体查询，以便在WordPress的Thesis框架中做出响应。但它没有用。我也从这些stackoverflow答案中获得帮助，但仍无法正常工作。

Responsive site works on desktop but not mobile

当我在此http://www.responsinator.com/?url=http%3A%2F%2Fwww.lvticketattorney.com%2F检查此查询时，它正在运行。但是当我在移动设备上检查时，它无法正常工作。

媒体查询

@media (max-width: 569px) {
    .menu a{font-size:10px;}
    .list-left, .list-right{ width:100%; float:left !important;}
    .custom #header{ background-size:95%;}
}
@media (max-width: 415px) {
    .menu{ border:0 !important;}
    .menu li{ width:95%; border-bottom:solid 2px #fff;}
    .menu .current a{ border:solid 1px #000;}
    #content_box #content{ width:100%;}
    #content_box #sidebars{ width:100%;}
    .teaser_right, .teaser{ float:left; width:90%;}
    .gform_wrapper{ width:100%;}
    #attachment_661{ width:100% !important;}
    .gform_footer{ width:50%; }
    }
@media (max-width: 385px) {
    .format_text h1{ font-size:18px;}
    .custom #header{ height:90px;} 
    #box{ width:95%;}
    #box img{ height:auto;}
    .menu{ margin-top:-10px; border-top:solid 1px #000;}
    .format_text p span{ font-size:14px !important;}
    .headline_area h1, .headline_area h2, #archive_intro h1{ font-size:18px;}
    .wp-image-167, .wp-image-207{ width:100px;}
    }

Answer 1

我使用此媒体查询@media only screen and (max-width: 740px) { ---- Style--- }。现在它正在运作。 only screen and失踪了。

响应媒体查询无法在wordpress中工作

1 个答案: