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

Redirection with CSS and Javascript - handheld devices

本文关键字:-手 重定向 CSS Javascript 使用      更新时间:2023-09-26

我一直在尝试根据所有桌面和手持设备的屏幕大小进行重定向,我想媒体查询是一个很好的答案,因为当我用javascript screen.width检测到屏幕大小时,不同的浏览器会返回不同的屏幕大小,这很令人恼火,为什么会发生这种情况。好吧,我需要知道两件事,下面的代码会像javascript一样检测屏幕,还是会检测到100%准确的屏幕大小?如果是这样的话,如果下面的css规则为true,我如何触发重新发布javascript代码?

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

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

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