我有两个 .css 文件，一个用于 @media only screen 另一个 @media only max-device-width: 480px
在 html 文件中，我有这个:
<link rel="stylesheet" href="welcome_mobile.css"media="only max-width: 480px" type="text/css"/>
<link rel="stylesheet" href="welcome_style.css"media="only screen" type="text/css"/>
但是手机屏幕不工作，它仍然显示桌面屏幕。我该怎么办？
最佳答案
更改 <link>顺序 :) - 可能有效取决于您编写代码的方式...
您还可以设置为 welcome_style.css media="only screen and (min-width:480px)"
你的问题是only screen对于移动设备仍然适用..
关于html - CSS - 移动设备，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17226018/