为什么媒体查询无法在Chrome浏览器上运行？

Question

媒体查询不适用于Chrome浏览器。这是我的CSS，无法在chrome浏览器上使用。

@media screen and (min-width:320px) and (max-width:1000px) {
    .catalog-product-view section#body .product_page .detail_contentmain .detail_content {
       width: 100% !important;
    }
}

Answer 1

请先尝试使用此代码

@media screen and (min-width:320px) and (max-width:1000px) {
body{
   display: none !important;
}}

因为这是选择器的问题，而不是媒体查询的问题。