wordpress上的CSS不使用Chrome或Safari

Question

我正在为客户工作的网页www.afterthemagic.com（稍微NSFW）在Firefox和＆amp ;; IE浏览器，但我不能在我的生活中使它在Chrome或Safari中正常显示。我试图在style.css中混淆以下元素中的不同变量，但似乎无法实现它。

#banner-text .left span {
font-size: 96px;
font-style: normal;
text-transform: uppercase;
position: static;
}

关于如何获得＆＃34; THE＆＃34;的任何指示文字在Chrome或Safari中看起来不错？谢谢！

Answer 1

我认为你错误地进行了这种布局。

从语义上讲，您不应该将H1标题与“开始阅读”链接相结合。

你的标题，“开始阅读”和作者小节应该独立浮动和样式。否则，我不确定你的'看起来'是什么意思。您的h1标题的字体大小为200px，而您的h1 .left span的字体大小为96px。如果您指的是文本对齐方式，请尝试：

#banner-text h1 .left span {
  display:inline-block;
  margin:0 0 10px 0;
  font-size: 96px;
  font-style: normal;
  text-transform: uppercase;
}

使用边距播放，直到找到所需的对齐方式。

这是一个很好的资源，可以更好地理解CSS'display'属性： http://css-tricks.com/almanac/properties/d/display/