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

时间:2013-03-04 16:45:45

标签: php jquery html css cross-browser

我编写了一个用PHP编写的小网站,其宽度固定为869px,可以在每个屏幕上正确显示。我也想将它集成到不同宽度的其他页面,有时比原始大小更宽。

我尝试了一些解决方案,但它们似乎都没有跨浏览器工作或者没有扩展包装器中的内容。我也尝试使用viewport属性,但我没有成功。

我正在寻找一些跨浏览器的jquery脚本,它使用浏览器的缩放效果来使内容适合浏览区域。我在body中有一个名为wrapper的div,我想缩放它和它中的内容,就像我在浏览器中使用CTRL +键一样。

1 个答案:

答案 0 :(得分:-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已足以满足您的需求。