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

html – 仅为移动设备更改CSS?,第1张

概述参见英文答案 > Responsive css styles on mobile devices ONLY                                    4个 我刚刚完成了我的网站创建,但现在我发现了一个失败.我的问题是我的网站在PC上看起来很不错.但如果我从手机上看一下,某些图像之间的空间等太多了…… 所以我的问题是,如何创建一些只影响移动设备和平板电脑的CSS代码? 有 参见英文答案 > Responsive css styles on mobile devices ONLY                                    4个
我刚刚完成了我的网站创建,但现在我发现了一个失败.我的问题是我的网站在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的背景颜色在屏幕上为黄色,宽度为600px.

总结

以上是内存溢出为你收集整理的html – 仅为移动设备更改CSS?全部内容,希望文章能够帮你解决html – 仅为移动设备更改CSS?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1070937.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存