html - 为什么我的 bootstrap 标签和徽章在我的三星 s3 上消失了

Question

我的 bootstrap 标签和徽章在页面第一次加载时从网页上消失，使用我的三星 galaxy s3 它们只会在我刷新浏览器窗口后重新出现。为什么会发生这种情况，我怎样才能简单地强制它们在页面第一次加载时出现。我的 labels 和 badges 不是空的，所以 display none 功能与它无关。

页面第一次加载时不显示的代码示例是:

    <span class="badge badge-important">info</span>

还尝试删除下面的内容，但没有成功

    .label:empty,
    .badge:empty { display: none; }

正常的 boostrap.css 附加到我的页面，它是唯一包含标签选择器的样式表。

有没有人遇到过这种奇怪的事情？

谢谢

Answer 1

好的，在 Samsung Galaxy Note 平板电脑、LG Optimus 手机和 LG Nexus 手机上遇到过这个问题。当我从 bootstrap CSS 文件中完全删除以下代码时，问题就消失了。

删除:

.label:empty,
.badge:empty { display: none; }

看起来 Samsung/LG 浏览器忽略了 :empty 并且只使 .label 和 .badge 显示:none 无论它是否为空。

我知道最初的发问者说他试过这个但没有用(可能是缓存问题？？？)，但它确实对我有用，所以我想我至少会发布答案，因为这是当我遇到问题时，排名第一的谷歌搜索结果。