html - font awesome 复制相同的图标全长屏幕

Question

我正在做一个网站，我想使用其中一种 Font Awesome 图标来横跨整个屏幕，以将其用作部分分隔符。

我可以只复制多个页面的整个宽度，但是当屏幕分辨率改变时它不会非常敏感...不确定是否可能，有什么想法吗？

Answer 1

您可以使用 this网站将图标转换为 png 然后使用该 img 作为背景并设置 background-repeat: repeat-x

div {
  background: url('http://i.imgur.com/qkXOkZZ.png');
  background-size: contain;
  background-repeat: repeat-x;
  height: 50px;
}

<div></div>