Javascript 动态缩放页面的最佳方式？

我想知道你们这些家伙和女孩会推荐什么作为最有效的方法来根据分辨率动态地重新缩放网站

是否有任何东西可以重新缩放元素和图像？ 或者我需要单独做这些吗？ 我一直在尝试使用百分比和em，但这似乎是一个巨大的麻烦。有脚本吗？ 我已经搜索了很长一段时间，还没有找到任何合适的。

新的在

CSS3

规范中找到。你可以从一本单独的杂志上阅读关于这个主题的精彩文章（使用，尝试调整浏览器窗口的大小）

---

当然，也存在一些问题。

检测设备方向的最佳方法是使用元标记。iPhone和iPad上的Safari/chrome使用viewport元标记来确定如何显示网页。以下是视口的属性

通过将以下声明添加到HTML文件的头部，将视口宽度调整为设备的宽度

<meta name="viewport" content="width=device-width">

要将初始比例设置为1.0，请将其添加到HTML文件的头部：

 <meta name="viewport" content="initial-scale=1.0">

要设置初始比例并关闭用户比例，请将其添加到HTML文件的头部：

 <meta name="viewport" content="initial-scale=1.0">

利用viewport meta标记改进移动浏览器的显示。此元标记设置视口的宽度和初始比例。将适当的视口元数据添加到文档头部，以指示浏览器在设备屏幕上尽可能大的上下文中显示内容。如果不设置视口宽度，则页面在首次加载时将被缩小

全屏模式

<meta name="apple-mobile-web-app-capable" content="yes">

---

如果内容设置为“是”，则web应用程序以全屏模式运行；否则，它不会。您可以使用window.navigator.standalone只读布尔JavaScript属性来确定网页是否以全屏模式显示。

这是一个巨大的难题。在我看来，这是一个非常主观的问题，它在很大程度上取决于您显示的内容和站点的排列。您不能仅仅依靠浏览器的ctrl/+，ctrl/-和ctrl-0用于缩放？只是要确保你的布局是流畅的，而且它的比例应该很好well@Juan门德斯-有可能用脚本自动缩放吗？我不这么认为。。。IE有一个zoom css属性，不过如果有帮助的话，我听说它在最新的WebKits中也能工作