缩放/缩放不同的设备宽度答案

【问题标题】：Zoom / Scale in different device width缩放/缩放不同的设备宽度
【发布时间】：2014-03-27 08:12:57
【问题描述】：

我有一个没有响应的网站，我可以通过媒体查询来响应。但这将是一项艰巨的任务......我想要一个快捷过程来缩放/缩放我的网站以适应设备宽度。请任何人帮助我

【问题讨论】：

使用一些框架，例如 FOundation 或 Bootstarp。或者在 %. 中进行 css 编码。这可以在一定程度上帮助你。

【解决方案1】：

我必须使用这个元标记来获得解决方案。

&lt;meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0, user-scalable=1"&gt;

谢谢大家。 :)

【讨论】：

【解决方案2】：

您可以使用媒体视口来设置内容规范。

<meta name="viewport" id="viewport" content="initial-scale=1.00, width=device-width, target-densitydpi=device-dpi, minimum-scale=1.00, maximum-scale=1.00, user-scalable=no">

【讨论】：

@雷切尔。感谢您的评论。我已经使用了它......但没有工作......你有任何特定的 jquery 函数来扩展全站点

【解决方案3】：

我强烈推荐使用一些框架提供的网格系统，例如 bootstrap 。并相信这会让你的工作变得容易得多 .这是来自 bootstrap 官方网站的链接，它将为您解释一切。尝试调整浏览器窗口的大小以注意差异。

【讨论】：