Css 在移动设备上，全屏图像看起来不太好

我的网站有一个主页（主索引文件），上面有全屏照片。我真的很喜欢它在桌面上的样子。但我真的不喜欢它在智能手机上的样子

我正在考虑使用查询来删除智能手机上的全屏规则

---

这是个主意吗？如果是的话，我有点不确定该如何进行。

一些可能的解决方案：

1） 在CSS中使用媒体查询来加载较小的图像（无论如何，您都应该这样做），以便：

@media only screen
and  (max-width: 640px)
{
    .background {
        background-image:url('ultrasmall.jpg');
    }
}
@media only screen
and (min-width : 641px) and (max-width: 800px)
{
   .background {
    background-image:url('smaller.jpg');
    } 
}

其他屏幕/窗口尺寸的

(二)

您还可以使用CSS3图像大小调整规则来设置图像以适合屏幕大小，因此使用

background size:cover或
背景大小：包含以最适合您的需要

看

你不喜欢它的什么地方？如果这是您的意思，您可以使用CSS媒体查询以特定分辨率（好的，窗口大小）显示替代图像/图形？如果您尝试缩小屏幕，您可以看到图片从视口向外延伸。
@media only screen
    and  (max-width: 640px)
    {
        .background {
            background-image:url('ultrasmall.jpg');
            background-size:cover;
        }
    }