如何修复此css以符合所有浏览器？

我用Google App Engine构建的应用程序有一个显示的页面

在我的笔记本电脑中，设计和字体看起来都很好（我使用Chrome）；但是在IE桌面上的大屏幕上，标题看起来很大，标题下的文本变灰（不应该是这样）。下面是我正在使用的css。我感谢您在设计方面的帮助以及您看到的任何问题。谢谢

正文的css（标题下的文本）：

标题css：

body { font-size: small; font-family: Verdana, Helvetica, sans-serif; }

#large {color: #0066CC; font-size: large; }

“评论”的css

#small {color: #808080; font-size: x-small; }

编辑

在IE中，我还注意到标题下的文本是灰色的。原因是什么？代码如下：

        self.response.out.write("""<p>
        <a href="%s"><span id=large>%s</span></a> 
        <a href="/comment?main_id=%s"><span id="small">comments</span></a><br />  
        %s 
        </p>
        """ %           
        (item.url, item.title, main_id, 
        item.pitch))               

self.response.out.write（“


%

""" %           
（item.url、item.title、main_id、，
项目（1）

这并不是问题的直接原因，但我注意到的第一件事是，您正在使用ID而不是类来设置多个元素的样式

因此：

<span id="small">

应该是：

<span class="small">

您的

#small

选择器应该是

.small

。同样适用于

large

---

Zach Rattner应该已经确定了真正的问题。

这并不是问题的直接原因，但我注意到的第一件事是，您正在使用ID而不是类来设置多个元素的样式

因此：

<span id="small">

应该是：

<span class="small">

您的

#small

选择器应该是

.small

。同样适用于

large

---

扎克·拉特纳（Zach Rattner）应该已经发现了真正的问题。

尝试使用百分比或像素值，而不是字体大小的关键字。不同的浏览器对这些关键字的解释不同，这就是为什么会出现差异。

尝试使用百分比或像素值，而不是字体大小的关键字。不同的浏览器对这些关键字的解释不同，这就是为什么会出现差异。

为

正文设置百分比大小应该可以。我在问题中添加了一个关于灰显文本的编辑。有什么帮助吗？谢谢。@Zeynel，我能看看有灰显症状的页面吗？谢谢。像这样的搜索结果页面
http://ting-1.appspot.com/rt?rt=google%20app%20engine
使用Chrome在我的笔记本电脑上显示ok；但是在使用IE的桌面上，我看到标题下的文本是灰色的。谢谢。@Zeynel，看起来您正在使用“小”id将文本标记为灰色。ID应该是唯一的。如果您想在多个位置使用“small”，请将其设置为类，而不是id。在CSS中，请参考“.small”而不是“#small”来引用类而不是id。为
正文设置百分比大小应该可以。我在关于变灰文本的问题中添加了一个编辑。有什么帮助吗？谢谢。@Zeynel，我能看看有灰显症状的页面吗？谢谢。像这样的搜索结果页面
http://ting-1.appspot.com/rt?rt=google%20app%20engine
使用Chrome在我的笔记本电脑上显示ok；但是在使用IE的桌面上，我看到标题下的文本是灰色的。谢谢。@Zeynel，看起来您正在使用“小”id将文本标记为灰色。ID应该是唯一的。如果您想在多个位置使用“small”，请将其设置为类而不是id。在CSS中，请参考“.small”而不是“#small”来引用类而不是id。谢谢您的回答。好的，我会把它改成课堂。这就是为什么IE中标题下的文本看起来是灰色的吗？@Zeynel:我不确定。谢谢你的回答。好的，我会把它改成课堂。这就是为什么IE中标题下的文本看起来变灰的原因吗？@Zeynel:我不确定。