responsive-design - 隐藏在手机版中

Answer 1

您可以使用媒体查询：

@media only screen and (max-width: 767px) {
    i { display: none; }
}

这将隐藏<i>任何小于 768 像素宽的屏幕上的元素。

请注意，这display: none实际上会将其从页面流中删除，而visibility: hidden只是使其不可见，但它仍然是页面流的一部分。