jquery移动网站也可以成为桌面浏览器网站吗？

Question

我已经构建了一个简单的小型jquery移动网站，但我还需要一个非常类似的基于浏览器的流量网站。事实上，目前，网站完全相同，只是我需要将浏览器内网站的宽度限制在650px左右。

有一种简单的方法吗？它可以节省我很多小时的开发时间。

此外，展望未来，从移动和基于浏览器的网站的单一，通用的代码基础开始工作将是非常有帮助的，只有单独维护的差异。是否有可以帮助我保留代码的框架或方法DRY？

注意：我知道this question，但它略有不同，询问jquery mobile是否可以用于移动设备的桌面而不是。我想对这两个使用相同的代码。

Answer 1

JQM的优点在于它允许您在桌面和移动设备上使用单一来源，尤其是在内容或多或少相等的情况下。

要将桌面版网站限制为650px，您可以使用以下两个CSS网格：

1140px CSS GRID
960px CSS GRID

要获得650px，只需在内容之前和之后添加一些空块。在较小的显示器上，您的内容将使用媒体查询变为全宽（要在IE上支持，请务必添加respond.js。

我没有尝试过960网格，但我使用的是1140px网格。也适用于JQM可折叠，这是一个加号。

Answer 2

如果你想限制页面宽度，它只是css。 您可以使用 CSS媒体查询为您的浏览器特定网站加载单个css文件。

这是一个可以帮助你的link。