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

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标签包含在其中包含的元素的视口宽度的一半，则会使字体大小。

vw根据宽度和vh调整到高度。