如何按比例扩展整个网站?

时间:2018-05-01 03:50:12

标签: javascript jquery css

我发现这篇博文有一个整齐的方式来按比例缩放整个网站:

https://northstreetcreative.com/notes/full-screen-website-zoom-using-css-transform-and-jquery/

以下是关键代码:

jQuery(document).ready(function($){

 nsZoomZoom(); 

 $( window ).resize(function() { 
   nsZoomZoom();
 });


 function nsZoomZoom() {
    htmlWidth = $('html').innerWidth();
    bodyWidth = 1000;

    if (htmlWidth < bodyWidth)
       scale = 1
    else {
       scale = htmlWidth / bodyWidth; 
    }

    // Req for IE9
    $("body").css('-ms-transform', 'scale(' + scale + ')');
    $("body").css('transform', 'scale(' + scale + ')');
 } 

});

问题是这在Safari或Chrome中不再有效。

有人知道2018年会有效吗?

提前致谢

0 个答案:

没有答案