Question

我有以下css调用：

<link rel="stylesheet" href="htlibery/desk_coupon_style.css" type="text/css"/>

<link media="only screen and (max-device-width: 480px)" href="htlibery/mobile_coupon_style.css" type= "text/css" rel="stylesheet">

在iphone上观看时，这样可以提供正确的样式表。

当我的三星安卓（captivate）上它提供桌面版本时）

如果我点击刷新，则会提供正确的样式表。

任何想法......

如果没有想法，在页面加载时自动刷新的最佳方法是什么？

谢谢

Answer 1

到目前为止，我发现这一点（来自paste bin）效果最好..

<!-- Mobile device detection by Bushido Designs: BushidoDesigns.net -->
 <link rel="stylesheet" type="text/css" href="mobile.css"  />
 see note: <style type="text/css" media="screen and (min-width: 481px)"

 <!--
 @import url("screen.css");
 -->

 </style>

 <link href="mobile.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 480px)" />

我会在进一步测试后更新..

移动样式表 - 仅在刷新时加载？

1 个答案: