Question

我知道你通常不喜欢做这样的事情但是我在大学并且必须为同一页面做几个不同样式表的项目。我已经获得了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作为问题的解决方案，我只能修改给定的代码。

对此事的任何帮助将不胜感激

Answer 1

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

JavaScript页面调整大小

1 个答案: