jquery 移动站点也可以是桌面浏览器站点吗？

Question

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

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

此外，展望未来，为移动网站和基于浏览器的网站使用单一、通用的代码库会非常有帮助，只需单独维护不同之处。是否有框架或方法可以帮助我保留代码DRY？

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

Answer 1

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

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

1140px CSS GRID
960px CSS GRID

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

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

Answer 2

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

这里有一个link 可以帮助你。