如何解決這個CSS符合所有瀏覽器？

使用Google App Engine製作的我的application有此頁面顯示search results。如何解決這個CSS符合所有瀏覽器？

在我的筆記本電腦中，設計和字體大小看起來很好（我使用Chrome）;但在IE瀏覽器的桌面上顯示更大，標題看起來很大，標題下的文本是灰色的（不應該是）。下面是我使用的CSS。感謝您對設計的幫助以及您所看到的任何問題。謝謝。

CSS的身體（標題下的文本）：

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

CSS的標題：

#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))

來源

2011-04-01 Zeynel

嘗試使用百分比或像素值代替字體大小的關鍵字。不同的瀏覽器對這些關鍵字的解釋不同，這就是爲什麼你會看到這種差異。

來源

2011-04-01 00:21:12

爲'body'設置一個百分比大小應該這樣做。 – BoltClock 2011-04-01 00:23:03

我添加了一個對我的問題的編輯，該文本是灰色的。有什麼幫助嗎？謝謝。 – Zeynel 2011-04-02 05:17:37

@Zeynel，我可以看到灰色症狀的頁面嗎？謝謝。 – 2011-04-02 18:19:53

不，這是問題的直接原因，但我注意到的第一件事情是，你正在使用的ID，而不是類造型多個元素。

所以這個：

<span id="small">

應該是：

<span class="small">

和你#small選擇應該是.small。同樣適用於large。

扎克拉特納應該已經發現了真正的問題。

來源

2011-04-01 00:20:26 BoltClock

感謝您的回答。好吧，我會改變這個類。這可能是爲什麼標題下的文本在IE中變灰的原因嗎？ – Zeynel 2011-04-02 05:19:23

@Zeynel：我不確定。 – BoltClock 2011-04-02 06:23:34

如何解決這個CSS符合所有瀏覽器？

回答

相關問題