我想在图像元素上应用一个类,但仅适用于那些具有横向格式的类。
所以,我想知道是否有办法在我的html上选择宽度/高度比大于1的图像,就像媒体查询使用“device-pixel-ratio”过滤器一样。
我实际上是在Javascript中这样做,但是这可以更好地在css中执行(或使用css框架,如less / stylus / sass等...)
感谢您的帮助
答案 0 :(得分:2)
媒体查询检查用户的屏幕属性,这就是它可以选择屏幕宽度甚至视网膜显示的原因。在LESS或CSS中无法读取图像的属性。
LESS及其编译器,无论是客户端还是服务器端都只编译为CSS,因此LESS中没有任何内在的东西可以读取您的HTML,更不用说图像了。
CSS会让你更接近,但是在语义上读取HTML,而不是查看媒体元素的内部属性,如图像或视频。