仅为移动设备更改 CSS？

Question

我刚刚创建完我的网站，但现在发现失败了。我的问题是我的网站在 PC 上看起来非常好。但如果我用手机看，某些图像之间的空间等太多了……

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

有办法吗？

原文由 Jan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

CSS 具有称为 媒体查询 的功能。来自 MDN 链接：

CSS3 中添加的媒体查询让内容的呈现可以根据特定范围的输出设备进行定制，而无需更改内容本身

例如：

 div {
    background: black;
}

@media (max-width: 1000px) {

      div {
            background: yellow;
       }

}

这个 div 的背景颜色在 1000px 宽度的屏幕上将是黄色的，就像在提供的例子中一样。

原文由 Eyal Cohen 发布，翻译遵循 CC BY-SA 4.0 许可协议