我想制作一个移动版本的网站，我遇到了jquery mobile。我在线查看示例，我只看到这些网站制作了网站的副本并将其放在服务器上的子域或/ mobile /目录中。我想只保留一种形式的网站，这样我就不需要维护两个不同的网站。我有http://www.detectmobilebrowsers.com的移动检测脚本可以检测到移动网站，但我只是想避免制作两个网站。这可能只有一个可以兼作移动和桌面网站的网站吗？谢谢，我感谢你的帮助！
答案 0 :(得分：1)
使用Bootstrap 3可以使用其css媒体查询完全按照您的意愿执行操作。 或者，您可以简单地编写自己的CSS，以便使用媒体查询进行响应。
答案 1 :(得分：1)
正如麦凯恩所提到的，你有几种选择。所有这些例子都属于称为“响应式设计”的umberalla术语。
根据维基百科，“响应式网页设计（RWD）是一种网页设计方法，旨在制作网站以提供最佳的观看体验 - 轻松阅读和导航，只需最少的调整大小，平移和滚动各种设备（从手机到台式电脑显示器）“。
现在，在响应式设计方面有很多选择。要么使用现成的库，要么自己创建它。
检查以下链接，了解何时调整浏览器大小如何更改布局，以便获得最佳观看体验。
所有这些都有着相同的想法：使用优秀而神圣的CSS将布局与实际代码分离，这样想要拥有相同代码库和不同视图体验的人就不必重新编写码。 CSS的美在于此。
另外，如果您认为上面的库不能做您想要的编写自己的响应式CSS。为此，我强烈建议您查看以下两本书：
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)使用自适应布局再次讨论问题。
使用自适应方法，您可以决定什么是设备上的良好体验，并且您可以使用预编码布局为每种情况做一些优化，但通常没有规则。我脑海里只有这些书。
也可以尝试液体布局。