3

首先，我是一个完整的菜鸟。请像教一个 3 岁的孩子一样回答。

我知道以前有人问过这个问题，但前面问题中列出的所有解决方案似乎都不适合我。我确定这是我做错的事情，但我无法弄清楚。

我正在使用 Matthew James Taylor 的 3column Holy Grail 布局。http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm （道具和感谢！）

查看源码你可以看到他用来创建页面的 div 结构，我的是相同的。我正在尝试将“.col2”（css中的“.holygrail .col2”）调整为视口减号（-）页眉和页脚。

我尝试使用这些问题中列出的解决方案。

在浏览器调整大小时调整 div

如何在窗口调整大小时更改高度 div？

我意识到这些解决方案正在使用 jquery，并且我确实在我的页面上打开了它。压缩版本位于主文件夹中。

<script src="jquery.js"></script>
<script>
$(window).resize(function() {
$('.col2').css('height', window.innerHeight+'px');
});
</script>
</body>

以上似乎对我不起作用。我没有尝试为页眉/页脚调整它，只是尝试调用元素，并且没有这样的运气。我似乎无法调用任何 div，不知道出了什么问题。

我没有运气调整解决方案以满足我的需要。我再次确信它有些愚蠢，但非常感谢您提供一点帮助。

4

2 回答 2

1

做这样的事情：http: //jsfiddle.net/chanckjh/mjQs9/

jQuery：

$(function() {
    var $height = $(window).height();
    $('.window').css('height', $height +'px');
});​
于 2013-01-01T01:26:05.293 回答
0

<script>您必须在不同的标签中引用外部脚本和内联脚本。

<script src="jquery.js"></script>

<script>
    $(window).resize(function() {
        $('.col2').css('height', window.innerHeight + 'px');
    });
</script>

有关详细信息，请参阅http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.1。

脚本可以在 SCRIPT 元素的内容中定义，也可以在外部文件中定义。如果没有设置 src 属性，用户代理必须将元素的内容解释为脚本。如果 src 有一个 URI 值，用户代理必须忽略元素的内容并通过 URI 检索脚本。注意charset属性是指src属性指定的脚本的字符编码；它不涉及 SCRIPT 元素的内容。

于 2013-01-01T00:59:21.973 回答