如果我想使用jquery mobile，我是否需要创建一个全新的网站？

Question

我想制作一个移动版本的网站，我遇到了jquery mobile。我在线查看示例，我只看到这些网站制作了网站的副本并将其放在服务器上的子域或/ mobile /目录中。我想只保留一种形式的网站，这样我就不需要维护两个不同的网站。我有http://www.detectmobilebrowsers.com的移动检测脚本可以检测到移动网站，但我只是想避免制作两个网站。这可能只有一个可以兼作移动和桌面网站的网站吗？谢谢，我感谢你的帮助！

Answer 1

使用Bootstrap 3可以使用其css媒体查询完全按照您的意愿执行操作。 或者，您可以简单地编写自己的CSS，以便使用媒体查询进行响应。

Answer 2

正如麦凯恩所提到的，你有几种选择。所有这些例子都属于称为“响应式设计”的umberalla术语。

根据维基百科，“响应式网页设计（RWD）是一种网页设计方法，旨在制作网站以提供最佳的观看体验 - 轻松阅读和导航，只需最少的调整大小，平移和滚动各种设备（从手机到台式电脑显示器）“。

现在，在响应式设计方面有很多选择。要么使用现成的库，要么自己创建它。

检查以下链接，了解何时调整浏览器大小如何更改布局，以便获得最佳观看体验。

1. Bootstrap

2. Skeleton

3. Foundation

4. HTML Kickstart

所有这些都有着相同的想法：使用优秀而神圣的CSS将布局与实际代码分离，这样想要拥有相同代码库和不同视图体验的人就不必重新编写码。 CSS的美在于此。

另外，如果您认为上面的库不能做您想要的编写自己的响应式CSS。为此，我强烈建议您查看以下两本书：

1. HTML & CSS by John ducket

2. The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript by Peter Gasston

更新：由于您评论说要避免响应式布局，因此有些人认为响应式布局不起作用，然后使用自适应方法。检查这个Why responsive layout does not worth it。作者解释了一些最小的优化点，并认为在许多情况下，响应式布局是过度的。他提供了延迟加载等技术（根据第4节）。

其他资源：Alternatives to responsive design: part 1 (mobile)使用自适应布局再次讨论问题。

使用自适应方法，您可以决定什么是设备上的良好体验，并且您可以使用预编码布局为每种情况做一些优化，但通常没有规则。我脑海里只有这些书。

也可以尝试液体布局。