是否有一种CSS规则可以根据元素的宽度进行匹配?如果没有,那么提议在标准中提出这个想法是否有趣呢?
可以使用类似于code:max-width(200px) { white-space: nowrap; }
的方法来强制所有小代码标签换行。
我知道我可以使用一些js。
是否有一种CSS规则可以根据元素的宽度进行匹配?如果没有,那么提议在标准中提出这个想法是否有趣呢?
可以使用类似于code:max-width(200px) { white-space: nowrap; }
的方法来强制所有小代码标签换行。
我知道我可以使用一些js。
window.onscroll = function(){
var elementWidth = document.getElementById('elementID').style.width;
if(elementWidth < 200){ .. do something .. }
else{ .. reverse changes .. }
}
我刚刚看到了一个选择器内媒体查询的例子,实际上是相同的东西,虽然伪选择器会非常好用,很可能会取代媒体查询。我认为有一个新的伪选择器:aspect-ratio(4:3),支持像:aspect-ratio(>4:3)这样的范围,将非常方便地根据元素的方向和宽高比来进行响应式元素的样式设置。
使用CSS3不可能做到,但可以使用元素查询(Element Queries)。请查看此库:https://elementqueries.com
以下是一个示例:
@element code and (max-width: 200px) {
:self {
white-space: nowrap;
}
}