Question

这段代码出了什么问题？

$(function size() {
    var width = document.width;
    $('.section').css('width', 2 * width);
    $('body').css('width', 8 * width).css('font-size', 0.023 * width);
    $('.center').css('width', width);
    $('#title').css('width', 0.78 * width);
    $('#lf').css('width', 0.56 * width);
});

$(window).ready(size);

请帮忙！我不知道出了什么问题：/

Answer 1

document.width在MDN中标记为已过时，请改用document.body.clientWidth。

$(window).ready(...)也不是有效的jquery，你的意思是$(window).load()吗？

虽然第一个代码块是以与$(document).ready(...)相同的方式注册处理程序，但是不需要第二个调用。

Answer 2

你应该使用

var width = $(document).width();

而不是

var width = document.width;

在Chrome中var width = document.width;返回宽度，但在其他浏览器中返回undefined。由于您使用的是jQuery，因此请充分利用它。您也可以使用

之类的代码

function size() {
    var width = $(document).width();
    alert(width);
};
$(size); // calls ready event event

JQuery代码仅适用于Chrome

2 个答案: