我想創(chuàng)建一個(gè)沒有響應(yīng)的網(wǎng)站，但是如果窗口大小調(diào)整，那么一切都會(huì)按比例放大/縮小，并保持相同的比例。在小屏幕中這些單詞太小無關(guān)緊要，首先要防止在調(diào)整大小時(shí)元素重疊

我試過使用：

和

$(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;

}

網(wǎng)站在這里：

kotechweb.com/new_focus/page/about_us

問題是，現(xiàn)在內(nèi)容在重新調(diào)整大小時(shí)是重疊的。

總結(jié)

以上是生活随笔為你收集整理的html 窗口大小改变,html – 调整窗口大小时缩放整个身体的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。