我知道您通常不喜欢做这样的事情，但我在大学，必须为同一页面做一个包含多个不同样式表的元素。我获得了 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/