页面标题在移动设备上重叠

Question

由于某种原因，我的标题在移动设备上重叠了。基本上，除“投资组合”部分外，其他所有标头都是移动友好的。任何人都有解决此问题的想法吗？

http://weekes.anavomedia.com/portfolio/chipotle-queen-st-west/

尝试了一些CSS更改，但它占用了整个栏和导航。

Answer 1

  

由于子元素将继承原始数字值而不是计算值，因此建议使用无单位的行高。这样，子元素可以根据其计算出的字体大小来计算其行高，而不是从父元素继承一个更可能需要覆盖的任意值。

CSS Tricks - Line-height

h1 {
  margin: 0 auto;
  letter-spacing: -1px;
  font-size: 35px;
  line-height: 0.9;
  max-width: 200px;
}

<h1>Chipotle Queen St. West</h1>