更改CSS圖像大小

-1

我需要將所有產品頁面圖像大小更改爲700px下770px以下的設備。我使用檢查來找出類，並在CSS中使用媒體查詢來改變它。但由於某種原因，它不起作用。更改CSS圖像大小

這是產品頁鏈接 Click Here

這是類名和CSS我試圖使用重新設計的一個。當我在檢查工具中更改此類樣式寬度時，它工作正常，但它在StyleSheet中不起作用。

@media screen and (max-width: 770px) { 
    .woocommerce-product-gallery__image .flex-active-slide { 
    width: 200px !important; 
    margin-right: 0px; 
    float: left; 
    display: block; 
    } 

}

來源

2017-09-20 Moiez Malik

「」在這裏flex-active-slide可能是問題。在CSS中「。」當你試圖定位兩個獨立的類時使用。嘗試刪除點看是否有用，如果不是針對「woocommerce-product-gallery__wrapper」 – Krishneil

你在你選擇的最後忘了img：

@media screen and (max-width: 770px) { 
    .woocommerce-product-gallery__image .flex-active-slide img { 
    width: 200px !important; 
    margin-right: 0px; 
    float: left; 
    display: block; 
    } 

}

來源

2017-09-20 04:58:27 emjr

更改CSS圖像大小

回答

相關問題