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

时间:2014-12-21 18:49:41

标签: php html css resize zoom

我有一个用PHP和CSS编码的社交网络。我意识到当它缩小到90%而不是100%时它看起来更好更清洁。是否有一段代码我可以在php或css中实现,以使网页在访问时自动缩小?这主要仅适用于登录页面。

如果您想查看该网站,请访问以下网址:social.flamboyantent.co.uk

提前谢谢。

2 个答案:

答案 0 :(得分:3)

如果我理解你的话。 这应该有效:

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

<body onload="zoom()">

要在Firefox中添加缩放,请阅读此object.Style.Zoom property not working in Firefox

答案 1 :(得分:0)

最后的答案适用于主流浏览器。

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

这是兼容性图表。

enter image description here

但如THIS QUESTION

所述

您可以在Firefox 3.5 +中使用“专有”-moz-transform属性。

所以你可以使用:

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

还有一张BUGZILLA门票。

Bugzilla