2013-03-05 112 views
3

我有一個調整表格單元格內的一些圖像的問題。谷歌瀏覽器的css圖像最大寬度不一致

請在Chrome瀏覽這個頁面,然後在IE9/FF:

http://jsbin.com/iqehip/1

是的,我知道這表畫廊標記是超越可怕,很高興這不是我的,壞的是,我無法更改它,因爲它使用特殊標記從服務器加載(即:{{gallery}})

但這不是我目前遇到的問題。正如你所看到的,如果你在IE/FF的頂部查看代碼,縮略圖圖像不會縮小它們在Chrome中的顯示方式。

如果我給table td img a width:100%;它看起來很好,但有很多縮略圖,但只有1或2個縮略圖時,圖像會變得比原始大小更大並且像素化。

是否有任何CSS「黑客」或伎倆,將重複的方式在IE/FF中呈現與max-width:100%;的圖像?

謝謝

+0

任何人有一個想法內<table>? – Jake 2013-03-05 23:51:15

回答

3

在要添加

table-layout: fixed; 
+0

你是我的好先生,是個天才。 – Jake 2013-03-06 10:59:25