在CSS中按比例選擇圖像

Question

我想對圖像元素應用一個類，但只適用於獲得橫向格式的類。

所以，我想知道是否有一種方法可以在我的html上選擇圖像，其寬高比大於1，就像媒體查詢使用「設備像素比」過濾器一樣。

我真正做到這一點的Javascript，但是這可能是更好的做在CSS（或CSS框架一樣都不能少/筆/青菜等）

感謝您的幫助

Answer 1

媒體查詢檢查用戶的屏幕屬性，這就是爲什麼它可以選擇屏幕寬度甚至視網膜顯示。在LESS或CSS中讀取圖像的屬性本身是不可能的。

LESS及其編譯器，無論是客戶端還是服務器端都將編譯爲CSS，因此LESS中沒有內容可以讀取HTML，更不用說圖像了。

CSS會讓你更接近，但從語義上讀取HTML，而不是查看媒體元素（如圖像或視頻）的內部屬性。