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

Question

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

有没有简单的方法可以做到这一点？这将为我节省许多小时的开发时间。

此外，展望 future ，为移动和基于浏览器的网站使用单一的通用代码库(仅单独维护差异)将非常有帮助。有没有一个框架或方法可以帮助我保留我的代码 DRY ？

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

Answer 1

JQM 的好处在于，它允许您在桌面和移动设备上使用单一来源，特别是在内容大致相同的情况下。

要将桌面网站限制为 650 像素，您可以使用以下两个 CSS 网格:

1140px CSS GRID
960px CSS GRID

要获得 650 像素，只需在内容前后添加一些空 block 即可。在较小的显示器上，您的内容将使用媒体查询变为全角(为了支持 IE，请务必包含 respond.js 。

我还没有尝试过 960 网格，但经常使用 1140px 网格。也适用于 JQM 折叠式设备，这是一个优点。