0

ブラウザ ウィンドウのサイズに応じて画像のサイズを変更する必要がある 

window.onload = function(){

var x = $(window).innerWidth();
var y = $(window).innerHeight();

if (x > y) { land(); }
else { port(); }

function land() {
    $('#slide').css('width', x/2);  // works
    //all other lines here work
};

次に、Firefox ウィンドウのサイズを縦向きレイアウトに変更し、キャッシュをクリアしてページをリロードします (F5)。

function port() {
    alert (x);  // works correctly
    $('#slide').css('width', x/2);  // doesn't work
        //many other lines here don't work
    };
}
4

1 に答える 1

1

実際、imgは正しくサイズ変更されています。あなたの場合の問題は#ulBack. #ulBack適用しないため、ポートレート モードで img を非表示にしますdisplay:none。

表示モードごとに css ファイルがあります。

<link href="css/gallery_port.css" rel="stylesheet" media="screen and (orientation:portrait)"/>
<link href="css/gallery_land.css" rel="stylesheet" media="screen and (orientation:landscape)"/>

に申請しますが、 には申請display:noneしません。inを削除してテストしたところ、モードで同じ問題が発生しました。#ulBackgallery_land.cssgallery_port.cssdisplay:nonegallery_land.csslandscape

于 2013-07-20T04:50:27.107 に答える