CSS로 비율로 이미지 선택

Question

이미지 요소에 클래스를 적용하고 싶지만 랜드 스케이프 형식의 클래스에만 적용하고 싶습니다.

그래서, "device-pixel-ratio"필터를 사용하는 미디어 쿼리와 마찬가지로, 너비/높이 비율이 1보다 큰 HTML에서 이미지를 선택하는 방법이 있는지 알고 싶습니다.

은 실제로 자바 스크립트에서이 작업을 수행하지만, 이것은 CSS에서 그것을 할 더 나은 (또는/말대꾸 등 이하/스타일러스와 같은 CSS 프레임 워크와 ..) 당신의 도움에 대한

감사

Answer 1

미디어 쿼리 사용자의 화면 속성을 검사합니다. 화면 너비와 망막 디스플레이를 선택할 수 있습니다. LESS 또는 CSS에서는 이미지 자체의 속성을 읽는 것이 불가능합니다.

클라이언트 쪽이든 서버 쪽이든 CSS로 컴파일되므로 LESS에 고유 한 것이 없으므로 HTML은 물론 이미지도 읽을 수 있습니다.

CSS를 사용하면 이미지는 더 가까워 지지만 이미지 또는 비디오와 같은 미디어 요소의 내부 속성은 보지 않고 의미 론적으로 HTML을 읽습니다.