使用CSS和Javascript重定向 - 手持设备

时间:2012-09-07 11:25:14

标签: javascript jquery css

我一直试图在所有台式机和手持设备上根据屏幕尺寸重定向,我猜媒体查询是一个很好的答案,因为当我用javascript screen.width检测到屏幕尺寸时,不同的浏览器会让我回复不同的屏幕尺寸令人非常恼火,为什么会发生这种情况。好吧,我需要知道以下代码检测屏幕有两件事,因为javascript或者它会检测到一般100%准确的屏幕尺寸?如果是这样,如果以下css规则变为真,我如何触发重定向javascript代码?

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
}

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery或Mootools之类的框架来避免浏览器不一致。

我可能写过你想要的东西:http://jsfiddle.net/aUW4N/