0

私のcssファイルでは、設定しました

#background_layer0{
   width: $(window).width();
   height: $(window).height();
}

そして、それは機能します。しかし、私が設定したように

#background_layer0{
   top: $(window).width() * 0.5;
   left: $(window).height() * 0.6;
}

うまくいきません。この 2 種類の属性に違いは見られません:
width , heightとtop left. 私の過ちを正し、その理由を説明してください。また、何か参考になれば幸いです。

更新: 携帯電話などの別のデバイスに Web ページを展開する必要があります。値としてパーセンテージのみを使用すると、機能しますか?

4

3 に答える 3

2

別の JavaScript ファイルを使用するか、これを script タグに含めます

$('#background_layer0').css('top', function() {
    return $(window).width() * 0.5;
});

$('#background_layer0').css('left', function() {
    return $(window).height() * 0.6;
});
于 2013-05-16T09:37:27.447 に答える
2

単純にパーセンテージを使用できます。

#background_layer0{
width: 100%;
height: 100%;
}

#background_layer0{
top: 50%;
left: 60%;
}
于 2013-05-16T09:37:52.193 に答える
0

そのため、CSS では$(window).height()and$(window).width()を使用できません。パーセント、ピクセルなどで指定する必要があります (絶対値である必要があります)。

オブジェクトの幅をウィンドウの幅と高さと同じにするには、javascript/jquery を使用する必要があります

于 2013-05-16T09:46:09.493 に答える