Javascript 我怎样才能使我的网站的移动版在安卓、iphone、ipad上运行？

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

我们是否能够为移动设备制作精确的东西（在我的例子中，我指的是jQuery中制作的滑块和下拉列表）

我想要的是让手机上的感觉和我们在普通网站上的感觉一样。正如我在视频示例中看到的，人们在ipad、iphone上点击菜单，页面向右滑动，一些内容显示为新页面。我不要这个

我想在手机版中选择现有的主题和配色方案

---

我该怎么做。

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

您可以在这里查看：

---

您需要使用媒体查询

---

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

另一个好的起点：

此主题比简单添加几行代码复杂得多，但我可以提供以下内容：

如果你想把手机和桌面分开（我建议你不要这样），你就得做一些设备嗅探。最简单的方法可能是检查屏幕大小，如果低于320px或您决定的任何大小，则重定向

这将使页面加载速度稍慢，因为您必须等待页面解析屏幕大小检测脚本，检查其屏幕是否太小，然后重定向。这在移动设备上需要很长时间，而且由于加载时间太慢，你不会有任何粉丝

---

响应性设计是最好的解决方案。我认为你应该退后一步，考虑一下为什么你要把你的站点分成两个不同的站点，如果你有能力同时保持这两个站点。

< P>而不是响应设计，你可以使用DDR为特定的移动设备定制你的内容：

而不是两次写同一个网站，您可以编写一次代码，并使其在每个设备上运行，这也节省了时间：）