Question

我开发了一个页面的移动版本，它使用了一些特定于移动设备的java和css

我遇到过许多解决方案，将移动/ iphone用户指向特定页面，将桌面用户指向原始网页。

但我想要的是我在一个页面中获取两个东西，当用户在移动设备上时，javascript和css的某些部分在同一页面上运行没有用户被重定向到其他页面。

这是可能的

Answer 1

您可能会发现最近的A List Apart文章Responsive Web Design很有用。它主要集中在CSS上，使用媒体查询分别针对小屏幕设备，例如：

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

您可能还想查看Modernizr，它对于专门检测移动浏览器没有多大帮助，但它确实可以轻松进行功能检测，因此您只能加载运行特定脚本如果某些功能可用。

Answer 2

是的，这是可能的。对于CSS，只需将media attribute用于link元素：

<link rel="stylesheet" href="..." media="handheld" />

对于JS，无论访问者是否使用移动设备，您都必须detect using user agent signature。