为什么twitter-bootstrap不使用图像而是<span class =“icon-bar”> </span>？

Question

Boostrap3使用此代码在移动视图中的导航栏中创建切换按钮，但为什么不只使用图像而不是空元素？

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

http://getbootstrap.com/components/#navbar

Answer 1

最有可能保持网络设计的“前瞻性”思维方法。如果仅使用html和css可以实现相同的视觉效果，则没有理由进行不必要的媒体请求。同样地，css的进步允许曾经只能通过javascript或flash进行过渡。

如果你检查那个移动菜单图标的html，很明显它正在做什么以及如何加载甚至一个小图像比少量标记需要更多的处理。简而言之，它只是现代设计的一种更好的方法。