html - 比例增加后页面上的元素将隐藏

我使用jQuery来更改网页的比例。这是代码：

<script>
    var currFFZoom = 1;
    var currIEZoom = 1;

    function plus(){
        var step = 0.1;
        currFFZoom += step;
        if (currFFZoom > 10) currFFZoom = 10;
        $('body').css('transform','scale(' + currFFZoom + ')');
    };
    function minus(){
        var step = 0.1;
        currFFZoom -= step;
        $('body').css('transform','scale(' + currFFZoom + ')');
    };
</script>

它工作正常，但是当我增大比例时，某些元素会移出浏览器边缘，并且无法滚动页面到它们。因此，它们变得不可访问。

PICTURE OF MAILFUNCTION

我该如何解决？

最佳答案

所以，我解决了这个问题。首先，我改变了

html
  { height: 0%; }

并且宽度需要使用jquery计算。此代码应绑定到某些事件处理程序（单击按钮或其他操作）：

currFFZoom = $('body').css('transform','scale');
$('html').width(currFFZoom*100 + '%');

为我工作。整个页面可滚动