JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    你正在用的是<span class='xs-show'>窄銀幕</span><span class='xs-hidden'>寬銀幕</span>版面
</div>

CSS

.xs-show{
    color:red;
}
.xs-hidden {
    color:blue;
}
.xs-hidden {
    display:none;
}
@media (min-width: 600px) {
.xs-hidden {
    display:inline;
}
.xs-show {
    display:none;
}
}