styles - 使用 CSS 为具有特定宽度的跨度设置样式

Question

有没有办法在达到特定宽度时将样式应用于跨度？

喜欢span[width=100%]{ background-color: green }。

我知道我可以在输入上做到这一点，比如input[type=text]，但我不知道如何在跨度上做到这一点。

Answer 1

你有两个选择：

1 - 获取元素（JS）的当前值width并在其大于X值时应用样式。

2 -使用媒体查询，当widthis > than时X，应用特定样式。

如果要为手持设备或宽度大于 20em 的屏幕设备指定样式表，可以使用以下查询：

@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }

宽度媒体特征描述了输出设备的渲染表面的宽度（例如文档窗口的宽度，或者打印机上页面框的宽度）。