css - Bootstrap 3 下拉箭头在移动设备上显示不正确

Question

我在使用 Bootstrap 的标准插入符时遇到了这个奇怪的问题:在 Chrome 的开发人员设备工具上它显示正确，但是当我在移动设备上查看同一页面时，箭头呈现为矩形。我不明白为什么？有人可以帮忙吗？

Test Page, view it with mobile to see the error

(这个问题和我查的其他问题不一样，因为问题一般出在手机上)

Answer 1

我遇到了同样的问题，通过将其添加到我的 css 中解决了这个问题:

@media (max-width: 767px){
  .caret{
    border-top: 4px solid;
  }
}