如何自動縮放網頁取決於分辨率

Question

我正在網站上工作，必須從psd（photoshop）文件轉換爲html，並且有一個問題，網頁是非常大像3300px x 2800px，我縮小它40.881％修復網站大小。現在尺寸在1366x768分辨率下很好，但例如在1280 x 700或更高分辨率的網站上，它總是水平滾動或右側有空白區域。

我怎樣才能依靠屏幕分辨率放大或縮小我的背景？

Answer 1

設置上的CSS與圖像和高度爲100％？

width: 100%; 
height: 100%; 

Answer 2

使用vw和vh單位進行測量。例如：

h1 { font-size: 0.5vw } 

將使字體大小，如果h1標籤在於它包含在該元件的視口寬度的一半

大衆根據寬度和VH到高度調整。