使用jquery缩放/缩放网站内容以适应浏览器区域

我编写了一个用php编写的小网站，固定宽度为869px，可以在每个屏幕中正确显示。我也想将它集成到其他宽度不同的页面上，有时它会比原始大小更宽。使用jquery缩放/缩放网站内容以适应浏览器区域

我尝试了一些解决方案，但没有一个似乎在跨浏览器工作或不在包装内缩放内容。我也在尝试与视口属性，但我没有成功。

我正在寻找一些跨浏览器的jQuery脚本，它使用浏览器的缩放效果来适应浏览区域的内容。我在一个名为wrapper的主体中有一个div，我想调整它和它的内容，就像我用浏览器中的CTRL +键一样。

2013-03-04 jameson

响应式设计？ – datasage 2013-03-04 16:48:09

我将使用相对大小编码我的更多项目，以防止出现像这样的情况:)但我必须在短时间内完成此操作 – jameson 2013-03-04 16:53:40

控制比例尺时最接近的事情是使用元视口标记。在所有情况下，这可能不够好。 – datasage 2013-03-04 17:04:54

-1

您可以使用Bootstrap来缩放您的内容（http://twitter.github.com/bootstrap/）。如果你想调整字体大小，你可以使用LESS或使用普通的javascript（例如使用JQuery）来构建。

你可以用你的页面变成

<div class="container-fluid"> 
</div>

，关于各种标准分辨率自动缩放。您可以通过覆盖bootstrap.min.css来调整宽度。有关如何启用响应功能的指南可以在这里找到：http://twitter.github.com/bootstrap/scaffolding.html#responsive

您可以添加row-fluid类div，并使用span类来调整您的内容。 http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

少，我可以推荐他们的网页：http://lesscss.org/

这是一个老的StackOverflow职位，说明如何从JavaScript插入变量：variable manipulation in Less

也许在如何使用网格系统的更多信息使用LESS已经足够满足您的需求。

2013-03-04 16:48:23 Fred

我非常想要开始标记“只使用Bootstrap”*答案*作为垃圾邮件。 – cimmanon 2013-03-04 16:51:00

为什么？他希望他的内容能够在每个屏幕上正确可靠地缩放？为什么他不应该使用支持reposnive缩放的设计框架？借助Bootstrap的响应功能，网站将扩展到可用空间。另一个问题是通过jQuery很容易控制的字体大小。那么问题是什么？ – Fred 2013-03-04 17:02:48

有关自举缩放的一些教程会很好。 – jameson 2013-03-04 17:26:07

回答