为什么媒体查询在 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;
}}

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