在寬屏顯示器上設置我的網頁可能會導致我創建不準確的div位置

Question

我最近用一臺帶寬屏顯示器的計算機組合了一個網站。後來，當使用帶有較小尺寸顯示器的電腦在線打開相同的頁面時，我突然注意到所有的div位置都完全不合適。我的問題是如何使用寬屏顯示器繼續開發我的網頁，而不會搞亂正常尺寸顯示器上的視圖位置。

回覆回覆：

感謝您的意見傢伙。我同意頁面的設計應該足夠靈活以適應大多數瀏覽器窗口大小。但是，當您使用寬屏顯示器並且不注意時，很容易過度補償div的佈局和元素大小。我的下一個問題是如何確保常規的瀏覽器窗口尺寸以及如何將瀏覽器窗口強制爲這種尺寸？

感謝Cyrena爲我提供了開發工具的指導。我確實使用它們並檢查瀏覽器。但是我的問題是在瀏覽器最大化的情況下專門在寬屏顯示器上工作。我不想犯同樣的錯誤，所以我需要弄清楚如何用正確的尺寸調整瀏覽器窗口的大小。

Answer 1

的兩種基本方法把我的頭頂部：

1. 調整您的瀏覽器是你minumum支持的桌面/瀏覽器大小的寬度。
2. 將桌面首選項設置爲不同的大小（如配置文件）並在測試階段在它們之間切換。

事實是，一個非常好看的網站將永遠不會適用於所有瀏覽器配置。選擇一個酒吧，並與之相抗衡。

Answer 2

不要最大化您的瀏覽器窗口？只要水平地縮小一點？

但是，任何對您的顯示器形狀高度依賴的網站設計不佳。它應該適合任何尺寸大於某個最小值的顯示器（無需花費額外的努力使其適合100x100像素的屏幕）

Answer 3

如果您使用IE的開發人員工具，您可以調整窗口大小以查看它的外觀像不同的分辨率一樣。

查看方式： 工具>開發工具>工具菜單>調整大小。

您還需要確保至少在其他瀏覽器/操作系統組合上測試您的網站。