html - CSS - 移动设备

Question

我有两个.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"/>

但是手机屏幕不工作，它仍然显示桌面屏幕。我能做些什么呢？

Answer 1

更改<link>顺序:) - 可能有效取决于您编写代码的方式...

您也可以设置为welcome_style.css media="only screen and (min-width:480px)"

您的问题是only screen移动设备仍然如此..