手机上的CSS

我正试图在手机端制作和编辑我的css，但它不起作用。 如果我不包括@media，它可以在pc和手机上工作，但如果我把@media放在pc上，它不会改变任何东西，因为它不应该这样做，但它也不会在手机上做任何事情

@media (max-width: 991px)
#products .product-miniature .product-container div.left-block .product-image img, .featured-products .product-miniature .product-container div.left-block .product-image img, .product-accessories .product-miniature .product-container div.left-block .product-image img, .product-miniature .product-container div.left-block .product-image img, .category-products .product-miniature .product-container div.left-block .product-image img {
    width: 70%;
    height: 70%;
}

@media (max-width: 991px)
#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature, .category-products .product-miniature {
    height: 295px;
}

您可以尝试以下方法：

    @media (max-width: 991px){
#products .product-miniature .product-container div.left-block .product-image img, .featured-products .product-miniature .product-container div.left-block .product-image img, .product-accessories .product-miniature .product-container div.left-block .product-image img, .product-miniature .product-container div.left-block .product-image img, .category-products .product-miniature .product-container div.left-block .product-image img {
    width: 70%;
    height: 70%;
}
}
@media (max-width: 991px){
#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature, .category-products .product-miniature {
    height: 295px;
}}

---

您错过了媒体块周围的花括号：

@media（…）{/*CSS在这里*/}

@Boldewyn在加上花括号后它就工作了，但奇怪的是，我有另一个css代码，它没有为

@media

加上花括号，但这段代码只在移动设备上工作。@Ciprian如果你觉得我的答案有用，你可以投票支持它