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

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

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

vue使用Echart跟随窗口大小改变而重新绘制时出现读取窗口大小不及时的问题
通过原生自带的window.onresize监听窗口大小 + Echart自带的冲渲染函数.resize() 刚开始我改变大小时感觉挺好但是我一点窗口最大化就开始出现问题他没有时时根据窗口大小改 ...
窗口大小改变时，显示内容的处理(正投影情况)
当窗口大小改变时,对窗口显示内容不同的要求,我们要做的工作也不同. 1.显示内容不变,相对位置不变(例如始终居中) 视口大小不变,裁剪区域不变,视口的初始位置根据窗口大小进行调整. 2.显示内容长宽比 ...
当浏览器窗口大小改变时，设置显示内容的高度
1 window.οnlοad=function(){ 2 changeDivHeight(); 3 } 4 //当浏览器窗口大小改变时,设置显示内容的高度 5 window.οnresize=fun ...
python turtle调整画布宽高_turtle.screensize改变不了窗口大小？
<Python真好玩,教孩子学编程>收到读者学习疑问,详细解答.<Python真好玩,教孩子学编程> 收到问题: turtle.screensize设置大小,窗口没有变化??? ...
【QT 5 设置自定义标题栏+学习：《QT实现鼠标拖动调整窗口大小》+基础样例】
[QT 5 设置自定义标题栏+学习:<QT实现鼠标拖动调整窗口大小>+基础样例] 1.说明 2.实验环境 3.实验目的 4.参考文章 5.实验步骤 (1)下载代码,运行没有错误. (2)加 ...
Unity win平台调整窗口大小强制固定比例
我写了一个脚本,对独立的Windows版本(仅Windows,32/64位)强制执行任意宽高比. 它通过拦截窗口调整大小事件(特别是WinProc回调函数)并对其进行修改以保持所需的宽高比来工作. 将 ...
【Java】监听jframe窗口大小改变函数：addComponentListener
问题描述:主要用于解决Jframe窗口大小变化时,里面的组件的位置也会自适应的移动. 相当于js里面的窗口大小改变监听函数: window.onresize = function(){//js脚本接口 ...
OS X 使用技巧——轻松地调整窗口大小
如果你想调整窗口大小,只需要把鼠标指针悬停在窗口边框上.当它变成双向箭头时,点击并拖动鼠标即可完成这一操作. 但在实际操作中,迅速把鼠标指针定位到边框上比较困难. 解决的办法是:在终端输入以下命令: ...
windows调整窗口大小_175 Windows 7调整，提示和操作方法文章
windows调整窗口大小 Windows 7 is being officially released on October 22nd, which also happens to be today ...

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

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

最新文章

热门文章