0

晚上好，

我有一个针对桌面体验优化的当前 css 网站。我正在开发 Iphone css，使用 IwebKit5 在旅途中提供更好的用户体验。

我正在使用 javascript，解析用户代理以检测要使用的 css。我正在寻找一种避免使用 javascript 的方法，并发现了媒体查询功能。

<!--[if !IE]>-->
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css"/>
<!--<![endif]-->
<link type="text/css" rel="stylesheet" href="desktop.css"/>

这是我尝试过的，它在桌面上运行良好（Iphone css 被忽略），但在 Iphone 上我意识到 mobile.css 和 desktop.css 都已加载，所以我试图找到一种方法来避免这种情况。为了避免这种行为，可以添加什么选项？

谢谢 ！

4

1 回答 1

2

我相信您以错误的方式处理此问题。

包含desktop.css first，并让其无条件包含。

然后，在里面mobile.css，添加/覆盖你需要的任何属性。

绝大多数desktop.css应该仍然与 iPhone 相关 - 你应该只调整大小/长度以及对内部各种元素进行其他此类小调整mobile.css。

于 2011-04-01T22:46:38.050 回答