html - Safari上的字体大小不一致

我的字体大小在chrome和firefox上很好。在野生动物园中观看时，情况会完全下坡。字体大小是巨大的。

http://codepen.io/anon/pen/GZEdXZ

<section>
    <div class="row">
        <div class="row-sm-height">
            <section class="col-sm-6">
                <a href='@Url.Action("Top6GolfTerms", "Golf")'>

                </a>
            </section>
            <aside class="col-sm-6">
                <div>
                    <span> <a id="Article_Category">Golf</a></span>
                    <h2 id="Article_Header2">
                      <a id="Article_Title">
                     UFC Champions: The 5 Most Influential Fighters That Will Go Down Into UFC History
                      </a>
                    </h2>
                </div>
            </aside>
        </div>
    </div>
   <hr>
</section>

<section>
    <div class="row">
        <div class="row-sm-height">
            <section class="col-sm-6">
                <a href='@Url.Action("MostInfluentialUfcFIghters", "MMA")'>

                 </a>
            </section>
            <aside class="col-sm-6">
                <div>
                     <span> <a id="Article_Category">UFC</a></span>
                     <h2 id="Article_Header2">
                      <a id="Article_Title">
                     UFC Champions: The 5 Most Influential Fighters That Will Go Down Into UFC History
                      </p>

                    </h2>
                </div>
            </aside>
        </div>
    </div>
    <hr>
</section>

我已经尝试了多种方法，例如将文本大小更改为％而不是使用px。我尝试使用text-rendering:optimizeLegibility;

在Chrome http://snag.gy/K7BjL.jpg上
在Safari http://snag.gy/kOXad.jpg上

最佳答案

从这些屏幕截图中我看到的是，您遇到的问题是字体发生了变化。 AFAIK并非所有字体都具有相同的大小，即使将其设置为相同的大小也是如此。尝试使用其他字体系列。

关于html - Safari上的字体大小不一致，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36252100/