gpt4 book ai didi

JavaScript 页面大小调整

转载 作者:行者123 更新时间:2023-11-28 03:23:20 25 4
gpt4 key购买 nike

我知道您通常不喜欢做这样的事情,但我在大学,必须为同一页面做一个包含多个不同样式表的元素。我获得了 JavaScript 代码,使我能够在调整窗口大小时调整页面大小。

这段代码有效,但是我对其中一个样式表产生了一种特殊的影响,其中内容 div 占据了页面的大部分,而它不应该占据页面的大部分,这个页面有 ems 的测量值,而我的其他样式表使用 px,但我认为至少在一页上使用 ems。虽然我可以给我的讲师一个更大的理由,但我更愿意解决这个问题。我使用的 JavaScript 代码如下所示:

function smoothresize() {
blockwidth = 59.4; /*This is in ems as per the lecturers request a well and is the size of the container div I created*/
minmargin = 0;
minsize = 10;
emwidth = (minmargin * 2) + blockwidth;
computeResize(emwidth, minsize, false)
}

function computeResize(wide, minsize, jerk) {
windowpixels = document.documentElement.clientWidth;
pixelsize = windowpixels / wide;
emsize = calculateEmsize(pixelsize, minsize, jerk);
b = document.getElementsByTagName('html')[0];
b.style.fontSize = emsize + "em";
}

function calculateEmsize(psize, minsize, jerk) {
if (psize > minsize) {
raw = psize;
}
else {
raw = minsize;
}
if (jerk) {
result = ((Math.floor(raw)) / 16);
}
else {
result = raw / 16;
}
return result
}

这是我在我的 XHTML 中实现代码的地方:

<body onload="smoothresize()" onresize="smoothresize()">

我也不能使用 jQuery 作为问题的解决方案,我只能修改给定的代码。

在此问题上的任何帮助将不胜感激

最佳答案

查看 jQuery 的用户界面插件。它包含一个“可调整大小”的选项;你应该能够添加 <script type="text/javascript">window.onload=function(){};</script>在页面加载时加载所需的 JQUI 函数。

关于JavaScript 页面大小调整,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22841258/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com