CSS - 移动设备

【问题标题】：CSS - Mobile DevicesCSS - 移动设备
【发布时间】：2013-06-21 00:34:55
【问题描述】：

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

但手机屏幕不工作，它仍然显示桌面屏幕。我该怎么办？

【问题讨论】：

标签： html css web-deployment

【解决方案1】：

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

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

您的问题是only screen 仍然适用于移动设备..

【讨论】：

耶！！有用。 :D 我必须这样做 only screen and (min-width:480px) 谢谢伙计。
是的，我只需要等待几分钟。