野生动物园的字体大小不一致

Question

我的字体大小适用于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

上

Answer 1

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