在其他屏幕大小的残破的背景图象样式

Question

使用背景图像模式时遇到障碍。 我正在开发一个1366 x 768屏幕大小的网站，所有这些都看起来很完美。 但是当我检查尺寸为1280 x 800及以下的屏幕时，背景图像会被截断。 并针对每个显示器屏幕尺寸进行不同的切割，

这是裁剪图像的细节：

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

Answer 1

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

例如

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