小编Lor*_*con的帖子

考虑以下代码:

HTML

<div class="col-xs-3 col-sm-3">
  <button type="button" class="btn btn-default btn-md btn-block">
  <i class="fa fa-plus"></i> Add New Item</button>
</div>

CSS

@media only screen and (max-width: 767px) {
    button {
        content: '<i class="fa fa-plus"></i>';
    }
}

如果您水平调整屏幕大小,某些时候文本将退出按钮.

我想知道当水平屏幕调整大小时是否可以自动更改按钮文本.类似于"+添加新项"的东西只有小型设备中的加号"+".

我是一个有媒体查询的小菜鸟,所以我觉得我错过了什么或做错了.

有人能帮我吗？

我为它做了这个小提琴.