如何根據屏幕分辨率正確縮放網頁？

-2

我有一個網頁psd，它是在1920x1080分辨率設計的。如何根據屏幕分辨率正確縮放網頁？

標準筆記本電腦和臺式機的分辨率爲1366x768。

我已經轉換PSD使用Skelton CSS

現在，我怎麼能擴展一樣，如果我根據PSD寫作風格爲1920×1080，並適配體間隔元件的上/下尺寸在1366的分辨率爲HTML並在觀看時1366的分辨率應該和psd完全一樣。

像RetinaJS它可以根據屏幕大小輕鬆放大/縮小圖像。

有什麼框架或方法，我們可以很容易地改變視圖？

謝謝

也許你是[響應式網頁設計]（https://en.wikipedia.org/wiki/Responsive_web_design）的searchig。 –

我知道什麼是響應式網頁設計，我想要在所有桌面分辨率中完全相同的外觀，或者我們可以說根據屏幕按比例增加和減少的相同間距。 –

您可以通過媒體查詢和基本的響應編碼技術來實現這一點。 – WizardCoder

有不同的技術來實現你的目標。正如@Jose M和@WizardCoder所述，您可以使用CSS的媒體查詢，也可以使用Bootstrap框架根據屏幕大小縮放圖像。 Bootstrap的「img-responsive」類將對你的形象做出正確的判斷。它會在任何屏幕上縮小您的圖像。

2017-09-19 17:22:48

嗯！我不得不使用大量的媒體查詢......但我沒有在這裏使用bootstrap，因爲它是一個最小的用戶界面項目，所以我只想要基本的rwd這就是爲什麼我選擇skelton css。 –

回答