如何自动缩放网页取决于分辨率

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到高度调整。