Question

我创建了一些ASP.Net（aspx）页面，这些页面应该与网站中的现有ASP页面一起运行。

ASP和ASP.Net页面都使用相同的css文件。在这两个页面中，都有使用css文件中的标签设置样式的标题。

问题是.asp和.aspx页面中的标题在Internet Explorer中呈现的大小不同。它在FF和Chrome中运行良好。

请为此建议一些解决方法，因为我必须使我们的.aspx页面在外观和感觉上与现有的.asp页面类似。

提前致谢！

更新

我可以在这里粘贴一部分css文件，因为它是一个大文件：

    TH, FONT, TD, P, B, I, STRONG, U, EM, BLOCKQUOTE, LI, OL, CAPTION, DL, DT, DD,select,pre {font-size:11px;font-family:Arial, Helvetica, sans-serif;}

   body{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.166;
margin: 0px;
padding: 0px;
   }

h2{
font: bold 150% Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px;
padding: 0px;  
 }

aspx页面（标题部分）如下所示：

        <table style="left: 35px; position: static; top: 231px">
         <tr>
             <td style="height: 85px; width: 2087px;">
     <h2><asp:Localize id="lblHeading" runat="server" Text="Welcome to XYZ" meta:resourcekey="lblHeading"></asp:Localize>
     </h2>
    </td>
         </tr></table>

ASP页面有一个简单的标签：

    <h2>Welcome to XYZ</h2>

更新

最奇怪的事情发生了。我尝试剥离css文件并开始逐个添加每个样式，并刷新页面以检查哪些样式应用于标题。我注意到如果我删除第一行css（保持所有其他样式完整）：

      <STYLE type="text/css">

然后在asp和aspx页面中标题看起来都一样。只要在css文件中添加上面的行，aspx页面中的标题就会变大。

有关为何发生这种情况的任何评论？

Answer 1

确保在ASP和ASPX页面顶部使用正确且相同的Doctype。您还可以使用FF和IE中的开发人员工具确保将相同的样式应用于两个浏览器中ASP和ASPX页面上的标题。您使用的是哪个版本的IE？

Answer 2

您可能对w3schools recommendation for font-size

部分感兴趣

我建议的方法是在正文中声明：

   body{
    font-size: 100%; // which default is 16px
   }

和其他地方使用em（而不是％或px），如链接中所述。所以在你的标题中你不应该有150％，而是DesiredSizeInPx除以16，例如，如果你想要24px你写24 / 16em，这是1.5em

Answer 3

问题可能在于应用了两种不同的风格。

ASP页面正在获得直接h2样式

h2{
font: bold 150% Arial, Helvetica, sans-serif; etc.

而ASPX可能会获得另一种风格

id="lblHeading"

检查#lblHeading是否提供不同的尺寸。

在IE中使用相同的css文件获取不同的字体大小

3 个答案: