<分区>
我刚刚创建了我的网站,但现在发现失败了。我的问题是我的网站在 PC 上看起来非常好。但如果我用手机看,某些图像之间的空间等太多了......
所以我的问题是,如何创建一些只影响移动设备和平板电脑的 CSS 代码?
有办法吗?
<分区>
我刚刚创建了我的网站,但现在发现失败了。我的问题是我的网站在 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/