Question

所以我一直在组建一个网站，当我在Mac上测试时，我注意到一些元素的大小已经关闭。在互联网上进行一些搜索后，我发现Windows和OSX字体的显示方式不同，大小将关闭（参考：http://www.rfwilmut.clara.net/about/fonts.html）

我找到了各种讨论这个问题的文章，但没有找到他们可以解决的问题。我设置它，以便各种元素完美对齐，但不同的字体大小显然搞砸了。我可以回去并手动指定每个元素的大小，但看起来需要花费很多额外的努力来解决一个愚蠢的字体显示问题。

HTML：

    <article class="small_article">
    <h1>Sigma Phi Epsilon</h1>
    <p>Sigma Phi Epsilon was founded in 1901 on the campus of Richmond College (now called
 the University of Richmond) in Richmond, Virginia. The story of its founding by 12 
determined men set the stage for the growth and success of one of the country’s premier 
fraternal organizations. The history of the Fraternity reflects the times, through great 
wars and profound cultural shifts. Throughout the decades, the men of Sigma Phi Epsilon 
have practiced their values and embraced the stated desire of the Founders, “This 
Fraternity will be different.”</p>

  <li>Over the past two decades, SigEp has recruited more men than any other collegiate fraternity.</li>
  <li>Currently, over 15,000 undergraduates are SigEps, more than any other national fraternity.</li>
  <li>Nearly 300,000 lifetime members ranks SigEp among the largest national fraternities.</li>
  <li>SigEp maintains a full-time professional staff of over 35 people.</li>
  <li>The SigEp Journal has been published continuously since 1904, and is distributed to all members for life.</li>
  <li>SigEp hosts the largest biennial convention in the fraternity world: the Grand Chapter Conclave.</li>
  <li>SigEp was the first national fraternity to establish a housing trust for all chapters and create a National Housing Corporation.</li>
  <li>Sigma Phi Epsilon has the greatest number of fraternity houses, with over 200 chapter homes.  Of those, over 115 are owned by local SigEp Alumni and Volunteer Corporations.</li>
  <li>The Sigma Phi Epsilon Educational Foundation was the first fraternity foundation to build an endowment greater than $11 million.</li>
  <li>The Sigma Phi Epsilon Educational Foundation is a 501(c)(3) charitable foundation. Its program funding is planned to develop the scholarship, leadership, citizenship, and personal potential of college undergraduates.</li>
</article>

CSS：

body {
    background-color:#D8D8D8;
    margin:0;
    font-family: helvetica, arial, sans-serif;
    font-size:13px;
    padding-top: 60px;
}
.small_article{
    width:660px;
    display:block;
    vertical-align:top;
}

如何修复OSX和Windows之间的字体大小？

0 个答案: