我想创建一个没有响应的网站,但是如果窗口大小调整,那么一切都会按比例放大/缩小,并保持相同的比例。在小屏幕中这些单词太小无关紧要,首先要防止在调整大小时元素重叠
我试过使用:
和
$(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
问题是,现在内容在重新调整大小时是重叠的。