html 窗口大小改变,html – 调整窗口大小时缩放整个身体

我想创建一个没有响应的网站，但是如果窗口大小调整，那么一切都会按比例放大/缩小，并保持相同的比例。在小屏幕中这些单词太小无关紧要，首先要防止在调整大小时元素重叠

我试过使用：

和

$(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 + ")"

});

}

});

还有CSS

body {

width:100vw;

height:100vh;

}

网站在这里：

kotechweb.com/new_focus/page/about_us

问题是，现在内容在重新调整大小时是重叠的。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！