0

scroll.jsを使用して、水平スクロールWebサイトでページ修正(異なる解像度の異なるブラウザー用)を使用しようとしています。ページ修正用のコードは次のとおりです。

function getPageSize() {
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
    arrayPageSize = [w, h];
    return arrayPageSize;
}
$(document).ready(function () {
    var page = getPageSize();
    var x = page[0];
    var y = page[1];
    $(".slide1").css({
        width: (x) + 'px'});
    $(".slide2").css({
        width: (x) + 'px'});

私のコードでは、 と を に設定しようとwidthしslide1てslide2いbrowser widthます。私の質問は次のとおりです。これを行う簡単な方法はありますか、それともすべてのslides に対して同じコードを繰り返す必要がありますか?

4

1 に答える 1

0

クラスを使用しているため：

css を使用してクラス (.slide など) を幅 100% に宣言するだけです。

.slide
{
    width: 100%;
}

必ずしも JavaScript でこれを達成する必要はありません。これが css の目的です:)

于 2012-12-27T10:28:04.783 に答える