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

Question

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

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

此外，展望未来，为移动和基于浏览器的网站使用单一、通用的代码库将非常有帮助，只有分别维护差异。是否有可以帮助我保持代码DRY的框架或方法？

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

score 3 · Accepted Answer

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

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

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

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

score 1 · Accepted Answer

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

这是一个可以帮助您的链接。

2 回答 2