调整浏览器屏幕大小时缩放整个正文

时间:2015-10-08 13:54:33

标签: javascript jquery html css

我想创建一个没有响应的网站,但如果窗口调整大小,一切都是向上/向下扩展,并保持相同的比例。如果单词在小屏幕中太小则无关紧要

我尝试过使用:

<meta id="meta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1s.0; user-scalable=0;">

并且

<script type="text/javascript">
  $(document).ready(function () {

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

    calculateNewScale(); // if the user go to the page and his window is less than 1920px

    function calculateNewScale() {
      var percentageOn1 = $(window).width() / 1920;    
      $("body").css({
        "-moz-transform": "scale(" + percentageOn1 + ")",
        "-webkit-transform": "scale(" + percentageOn1 + ")",
        "transform": "scale(" + percentageOn1 + ")"
      });   
    }
  });

但内容似乎仍无法正确扩展。

网站是:

kotechweb.com/new_focus/page/about_us

请查看参考资料,非常感谢您的帮助。

0 个答案:

没有答案