展示
看看我的字号和描边颜色？
//zxx: 试着改变页面的窗口宽度
断点位置：<800|800-1200|>1200
代码
CSS代码：
.caption {
display: block;
line-height: 2;
font-size: 3rem;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px currentColor;
}
@media (800px < width <= 1200px) {
.caption {
color: red;
font-size: 2.25rem;
}
}
@media (width <= 800px) {
.caption {
color: green;
font-size: 1.5rem;
}
}
HTML代码：
<strong class="caption">看看我的字号和描边颜色？</strong>