javascript - 如何将我的整个网页调整到 65%

Question

我的网页在 1920x1080 显示器上显示时工作正常。 但是当我改用1024x768显示器时，我的网页内容会太大。 我使用 CTRL+Scroll 将我的网页大小调整为 65%，一切似乎都很好! 是否有任何代码解决方案(如 CSS、javascript 等)可以将我的整个网页大小调整为 65%？

PS:我使用 Joomla 来开发我的网站。也许是一个插件？...

Answer 1

.wrapper {
    transform:scale(0.65,0.65);
    -ms-transform:scale(0.65,0.65); /* IE 9 */
    -webkit-transform:scale(0.65,0.65); /* Safari and Chrome */
}

您可以尝试将整个站点包装在 <div class="wrapper"></div> 中

编辑:这不是最佳做法，但确实回答了您的问题。理想情况下，您应该使用基于 % 的布局创建您的网站，以便它自动调整大小以适应任何屏幕分辨率。