網站大小在瀏覽器中發生顯着變化

Question

如果這是一個愚蠢的問題，我只是沒有意識到，但我爲客戶設計了一個網站，我希望它適合瀏覽器，因此無需使用瀏覽器滾動條。我知道一個尺寸適合所有電腦是不可能的，而且我設計的適合我的顯示器類型（1024x768），並且我考慮到瀏覽器的框架也佔用了太多的空間等等。

這裏是問題：當我把所有我從photoshop中保存的圖片（尺寸正確地從模型中拉出來）拉到瀏覽器（Firefox，最新版本）中時，它們都變得更大一些，並且只是一個太大的smidge，所以它會切斷非常底部，並有一個滾動條爲這個微小的空間。

即使更奇怪，在Chrome中一切都變得非常小。我已經在多臺電腦上測試過這個，甚至讓我的朋友檢查。只有一個人沒有像我看到的那麼大的差異，但仍然看到它在Chrome中略微小一點。兩個瀏覽器都設置爲100％縮放。

這裏的網站：http://dinneronthespot.com/index2.html

所以基本上我有兩個問題：爲什麼它比我的設計更大？在開始模型之前，我查了一下尺寸和一切。爲什麼Chrome會縮小一切？

感謝您的幫助！我以前做過網站，但我絕對不是專家...

Answer 1

您是否嘗試過按Ctrl + 0重置在Chrome中查看？

（和鍵：ctrl加的放大， CTRL減號縮小）

Answer 2

測試一下縮放因子對你的朋友的縮放因子（都需要相同量的，通常爲100％）。

即使您嘗試考慮工具欄（即使在同一瀏覽器中，每個用戶可能具有完全不同的工具欄高度），也不能假定正確的尺寸。

如果是這樣，請嘗試使用responsive layout。