html - 其他屏幕尺寸的背景图像图案损坏

Question

使用背景图像模式时遇到障碍。我正在开发一个 1366 x 768 屏幕尺寸的网站，它们看起来都很完美。但是当我检查 1280 x 800 及以下尺寸的屏幕时，背景图像被截断了。并且切割每个显示器屏幕尺寸不同，

这是裁剪图像的细节：

如何处理这个问题？请帮忙。谢谢 ：）

Answer 1

通过媒体查询检测屏幕分辨率并background-size通过css添加。

例如

@media only screen and (min-width: 641px) and (max-width: 1000px) {
   .header{
      background-size: 153% auto;
   }
}