2012-09-02 149 views
1

您好我創建了一個使用HTML和CSS的投資組合網站,我注意到一些非常奇怪的東西。我測試了網站上所有最新的瀏覽器Internet Explorer 9,Google鉻,FireFox.And網站上看起來他們每個人很好,當我從我的個人電腦加載此鏈接:相同的網站在相同的瀏覽器版本,但在不同的計算機上看起來不同

portfolio

現在爲了確保一切工作正常,我測試了網站上的Adobe瀏覽器實驗室,我看到那裏有一個問題。很少有每行應該有4個圖像,但在瀏覽器實驗室中,似乎在所有瀏覽器中,第4個圖像被推下。

我在另一臺也有最新的Chrome,FIrefox,Internet Explorer 9的計算機上檢查過它。而且看起來adobe瀏覽器實驗室是正確的,正在推下第四張圖片。

這兩個瀏覽器和電腦的解析度都是一樣的,我在Windows 7 Home Premium上使用?

有什麼可以解決這個問題? 爲什麼在同一個瀏覽器版本上,但在不同的計算機上,同一個網站看起來不同?

+1

不同的DPI設置,也許? – driis

+0

什麼是DPI設置? – user1525474

+0

第4張圖像也在我的機器上被推下... Chrome 21,Windows XP(96 DPI)。 – MrWhite

回答

1

可能暫時存儲在您的舊CSS,你嘗試過CTRL +的儀式應用F5

還要檢查你是在100%縮放!

祝你好運!

- 編輯

快速螢火蟲後,你的「portofoliu」 div有940個像素的最大寬度,每個「portofolioGalery」的div是220px寬,每個知識+,你的第一個和第五圖像保證金已刪除邊距。這意味着你的物品應該適合!

使用螢火蟲在您的「portofolioGalery」項目之間滑動時,它顯示出它們之間的小間隙,發生的情況是「display:inline-block;」增加了一小部分寬度!我用「float:left」代替它。這一切都到了它應該在的地方。

This guys blog有一些其他解決方案和解釋原因。

+0

我做了這兩件事,它並沒有解決問題。我認爲這可能是影響我安裝的瀏覽器,因爲所有影響 – user1525474

+0

@ user1525474請參閱上面的編輯,乾杯Alex – Alex

+0

謝謝你解決問題,但這些stil不解釋爲什麼在一臺計算機上讓我們以鉻爲例,該網站顯示爲正確編碼,而另一臺顯示問題.BOth計算機具有相同版本的鉻和相同的操作系統 – user1525474

相關問題