如何使網頁與所有分辨率兼容？

Question

我已經完全設計了我的網頁，但我注意到，如果我降低分辨率，事情看起來不應該如此。有沒有辦法讓我的網頁能夠在所有分辨率下工作，而不必再次從零開始？

Answer 1

如果您需要以犧牲用戶體驗來保留佈局，則可以在body元素本身上設置min-width和min-height。 （最小高度屬性可能不被尊重，但設置最小寬度時，高度應該相同，無論如何，因爲裏面的所有內容都會呈現相同的內容。）這會導致滾動的分辨率較低，但頁面中的元素應該根據您的喜好選擇更高的分辨率。
如果完全重新設計是一個實際選項，您可能希望創建一個移動網站，然後檢測客戶端是否必須滾動（檢查窗口的高度和寬度），您可以通過鏈接建議他們使用移動網站。如果通過手機/平板電腦進行訪問通常會發生，那麼該解決方案將具有移動網站的額外好處。缺點是現在你會有兩個網站要維護。