响应式媒体查询在 wordpress 中不起作用

Question

我正在使用 Media Queries 在 wordpress 的论文框架中给出响应式响应。但它不起作用。我也从这些 stackoverflow 答案中获得帮助，但仍然无法正常工作。

Responsive site works on desktop but not mobile

responsive media query not working

当我在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 不见了。