使用CSS设置具有特定宽度的跨度

Question

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

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

我知道我可以在输入上执行此操作，例如input[type=text]，但我不知道如何在跨度上执行此操作。

Answer 1

您有两种选择：

1 - 获取元素（JS）的当前width并在＆gt;时应用样式比X值。

2 - 使用media queries，width为＆gt;比X，应用特定的样式。

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

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

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