Html 仅为移动设备更改CSS？

我刚创建完我的网站，但现在我发现失败了。我的问题是，我的网站在电脑上看起来非常好。但是如果我用手机去看它，某些图片之间的空间太大了

所以我的问题是，如何创建一些只影响移动设备和平板电脑的CSS代码

有办法吗？

阅读并理解

---

您将能够调整网站某些媒体大小的css。

您可以使用媒体查询获得不同的屏幕分辨率。 示例-

#image img {
    width:375px;
}
@media screen and (min-width: 1366px) {
    #image img {width:375px;}
}

CSS有一个名为的特性。 从MDN链接：

CSS3中添加的媒体查询允许根据特定范围的输出设备定制内容的表示，而无需更改内容本身

例如：

div {
    background: black;
}

@media (max-width: 1000px) {

      div {
            background: yellow;
       }

}

---

此div的背景色在1000px宽度以下的屏幕上为黄色，如所提供的示例所示。

您可以使用

@media

编写css，以仅应用于某些屏幕分辨率是。您正在寻找的答案将更有用（得分更高）多一点信息。你能再解释一下吗？哪个是哪个？有相关链接吗？谢谢（）也许

1000

px的宽度比600的宽度更适合区分移动设备和桌面设备。