在css中按比例选择图像

Question

我想在图像元素上应用一个类，但仅适用于那些获得横向格式的元素。

所以，我想知道是否有办法在我的 html 上选择宽度/高度比大于 1 的图像，就像媒体查询使用“设备像素比”过滤器所做的那样。

我实际上是在 Javascript 中执行此操作的，但在 css 中执行此操作可能会更好（或使用诸如 less/stylus/sass 等 css 框架。）

感谢您的帮助

Answer 1

媒体查询检查用户的屏幕属性，这就是它可以选择屏幕宽度甚至视网膜显示的原因。在 LESS 或 CSS 中无法读取图像本身的属性。

LESS 及其编译器，无论是客户端还是服务器端都只会编译为 CSS，因此 LESS 中没有任何固有的东西可以读取您的 HTML，更不用说图像了。

CSS 会让您更接近，但会从语义上读取您的 HTML，而不是查看图像或视频等媒体元素的内部属性。