javascript - 如何制作可以在 android、iphone、ipad 上运行的移动版网站？

Question

我想为它的移动版本复制一个站点。该网站有滑块，简单的页眉、页脚和下拉菜单。

我们是否能够为移动设备制作精确的东西（在我的情况下，我说的是用 jQuery 制作的滑块和下拉菜单）。

我想要的是在移动设备上产生与普通网站相同的感觉。就像我在视频示例中看到的那样，人们为 ipad、iphone 显示（演示）点击菜单和页面向右滑动，并显示为新页面。我不想要这个。

我想在移动版中选择现有的主题和配色方案。

我怎么能做到。

score 4 · Accepted Answer

为此，我们有一种叫做响应式网页设计的东西：）

你可以看看这里：

score 2 · Accepted Answer

2

另一个开始的好地方：http: //html5boilerplate.com/

于 2012-08-06T18:34:11.597 回答

score 2 · Accepted Answer

这个主题比简单地添加几行代码要复杂得多，但这是我可以提供的：

如果您想要单独的移动设备和台式机（我建议不要这样做），您将不得不进行一些设备嗅探。最简单的方法可能是检查屏幕尺寸并重定向是否低于 320 像素或您决定的任何尺寸。

这将使您的页面加载速度稍慢，因为您将不得不等待页面解析屏幕尺寸检测脚本，检查它们的屏幕是否太小，然后重定向。这将在移动设备上花费很长时间，并且由于加载时间缓慢，您不会吸引任何粉丝。

响应式设计是最好的解决方案。我认为您应该退后一步，考虑一下为什么您希望您的站点分成两个不同的站点，以及您是否有能力不断维护这两个站点。

score 1 · Accepted Answer

通过媒体查询，您可以为其他设备设置样式并保存相互 html...

score 1 · Accepted Answer

您可以使用 DDR 为特定的移动设备定制内容，而不是响应式设计： http ://wurfl.sourceforge.net

5 回答 5