HTML 用一张像素大于分辨率的图片，怎么让它适应屏幕。

Question

跟背景有关的代码如图。

就是 设计给我的 1920宽的设计图，我的屏幕分辨率应该也是1920，但是我直接导入这个图片设置宽度百分百的话， 并不能把图片全部显示出来，而是右边的一部分显示不出来。

当我在meta上加入max-width=device-width 后，下面是多了一个横向的滚条。

求大神帮忙啊，这个问题该怎么解决。

就是一个比屏幕分辨率大的图。我应该怎么写，才能刚刚好适应屏幕。

Answer 1

body样式里再加两句：background-repeat: no-repeat;background-size: cover;

Answer 2

给背景图片设置100%大小是：background-size:100% 100%,前面100%是宽度，后面的是高度