適合分辨率的網頁

Question

我構建了一個新的.Net網站，它將很好地適應1200px寬度的分辨率。 問題是，我的一些用戶將瀏覽本網站的寬度爲1024像素。 有沒有辦法在不更改頁面的所有設計的情況下快速修復此問題？例如，把一些JavaScript將做的伎倆。 請注意，我網站的頂部橫幅寬度爲1200px，我不需要支持小於1024px的分辨率。

非常感謝。

Answer 1

這一切都取決於你的網站是如何'正確'的設計。您可能需要更改主容器的幾個寬度（希望div），並且整個內容將很好地重新排列。但是，如果您的網站包含固定寬度的單個元素，或者某些圖像/背景圖像具有固定寬度，那麼您將不得不對其進行修改。

相對/絕對定位的元素也需要修改。

有沒有銀子彈'讓我的網頁看起來不錯，在較小的分辨率'，如果這就是你要找的。

Answer 2

我會使用JavaScript。我會用document.width檢查用戶的寬度，然後使用jQuery的css（）元素來改變需要的東西。

Answer 3

如果你真的不需要支持水平分辨率小於1200px的用戶，那麼爲什麼不讓他們有水平滾動條呢？

將網站的整個結構包裝在具有最小寬度：1200px的（div）容器中，並完成它。否則，如果你不能忍受一些擁有水平滾動條的用戶，並且你真的想保持網站的美麗，那麼你真的需要擺脫困境並以一種方式重新設計網站在較低分辨率下優雅地降級。這絕對不容易，但it can be beautiful。

這是來自alistapart的an article，討論涉及的技術。

Answer 4

您可以使用下面的CSS：

min-width:600px; 
max-width:2000px; 

這個代碼將600px的的網頁設置的所有決議2000像素。