我的任务是在小屏幕上显示缩写，在大屏幕上显示完整的词（例如，在小屏幕上显示“ CSS”，在大屏幕上显示“级联样式表”。]]
我可以通过输出两个术语来轻松做到这一点，每个术语都有一个类，而display:none其中一个取决于媒体查询。
我问自己是否可以使用此标记以更好的方式使用abbr元素：
<abbr title="Cascading Style Sheets">CSS</abbr>
这就是attr() CSS属性的实现方式。我的问题是，从长远来看，abbr需要以某种方式拉伸。任何提示表示赞赏。
https://codepen.io/smichaelsen/pen/VwYeZQZ
我的任务是在小屏幕上显示缩写，在大屏幕上显示完整的术语（例如，在小屏幕上显示“ CSS”，在大屏幕上显示“级联样式表”）。我可以通过同时输出两个...
创建abbr和full属性，而不是将缩写放在标签的内容中。然后只需切换::before内容：