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

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

我尝试了一些解决方案，但没有一个能够跨浏览器工作，或者不能在包装器中扩展内容。我也尝试使用viewport属性，但没有成功

---

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

您可以使用引导来缩放内容（）。如果您还想调整字体大小，可以使用较少的javascript构建或使用普通javascript（例如使用JQuery）

您可以将页面包装成

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

可根据各种标准分辨率自动缩放。您可以通过覆盖bootstrap.min.css来调整宽度。有关如何启用响应功能的指南，请参见：

您可以添加

行流体

类div，并使用

span

类来对齐内容。有关如何使用网格系统的更多信息：

我可以推荐他们的主页：

这是一篇较旧的StackOverflow文章，演示了如何从JavaScript插入变量：

---

也许少用已经足够满足您的需求。

我很想开始将“只使用引导”答案标记为垃圾邮件。为什么？他希望自己的内容在每个屏幕上都能正确可靠地缩放？为什么他不应该使用支持reposnive伸缩的设计框架？借助Bootstrap的响应功能，该网站将扩展到可用空间。另一个问题是字体大小，可以通过jQuery轻松控制。那么问题出在哪里呢？一些关于引导缩放的教程会很好。给你：这解释了响应功能（），这解释了流体网格（），这是一个正确缩放的示例页面（）。使用jQuery（）缩小字体大小也可能对您的项目感兴趣，因为它使您能够动态调整CSS内容（）我将使用相对大小对我的后续项目进行编码，为了防止出现这样的情况：）但我必须在短时间内完成这项工作。在控制比例方面，最接近的方法是使用元视口标记。在所有情况下可能都不够好。我需要在桌面环境下使用它。