html - 仅为移动设备更改 CSS?

标签 html css mobile web

<分区>

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

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

有办法吗?

最佳答案

CSS 具有称为 media queries 的特性. 来自 MDN 链接:

Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself

例如:

div {
    background: black;
}

@media (max-width: 1000px) {

      div {
            background: yellow;
       }

}

这个 div 的背景颜色在 1000 像素宽度以下的屏幕上将是黄色的,就像提供的示例中一样。

关于html - 仅为移动设备更改 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42586044/

相关文章:

html - 跨越 2 个表格行的背景图像,但具有不同的背景颜色

html - 围绕中心 block 收缩 anchor

css - 将流体图像垂直居中放置在流体容器中

mobile - trigger.io 应用程序上的开发和生产配置

html - 我可以为同一字体定义多个字体系列名称吗?

jquery - tr 崩溃时数据表不工作

css - 在没有JavaScript的情况下将弹出窗口定位在屏幕中间

javascript - 将两个 Bootstrap 列合并为一个并保持顺序

ios - 我什么时候想在 swift 2.2 中使用 static, final, private?

ios - Cordova iOS 在定位远程服务器时崩溃