如何让我的网站自动缩小到90%？

Question

3

我有一个用PHP和CSS编写的社交网络。我发现在将页面缩小到90%时，它看起来更漂亮、更干净。是否有一段代码可以嵌入到PHP或CSS中，使网页在访问时自动缩小？主要是针对登录页面。如果您想查看该网站，请访问以下网址：social.flamboyantent.co.uk 提前感谢您。

- willsf

你可以使用transform属性，以获取灵感和帮助，请参考：http://css3generator.com - undefined

2个回答

3

上一个答案适用于主流浏览器。

<script type="text/javascript">
    function zoom() {
        document.body.style.zoom = "90%" 
    }

这是兼容性图表。

但是，根据此问题中所述，您可以在Firefox 3.5+中使用“专有”的-moz-transform属性。

因此，您可以使用以下代码：

div.zoomed { 
    zoom: 3; 
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
}

此外还有一个BUGZILLA工单。

- Cesar Cisneros

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，

- igor · Accepted Answer

如果我理解正确的话，以下方案可行：

<script type="text/javascript">
        function zoom() {
            document.body.style.zoom = "90%" 
        }
</script>

<body onload="zoom()">

要在Firefox中添加缩放功能，请阅读此内容：object.Style.Zoom属性在Firefox中无法工作