0

すべてのコンテンツのコンテナがあり、幅は1000ピクセルで、垂直方向と水平方向の中央に配置されています。上のdivは1600pxで、左マージンは-300pxで、その下の「フルブリード」の背景画像と一致します。ワイドモニターの画像と一緒にロゴを左揃えにしたいのですが、ウィンドウが1600px未満のときに押し込みます。現在、ウィンドウを超えてオーバーフローしています。

注：通常はコンテナーdivの外側でヘッダーを実行しますが、全体が垂直方向に中央に配置されるため、中央揃えが外れるため、コンテナーを親として保持したいと思います。

http://jsfiddle.net/vgK6s/3/

4

2 に答える 2

0

CSS3には、@mediaタグを使用した独自のタイプのIfステートメントがあります

Do CSS for larger than 1600px

@media screen and (max-width: 1599px) {
    replace CSS with new css if the screen is less than 1600px
}

古いブラウザの場合、これをJqueryで複製できます

//first bind the resize event
$(window).bind("resize", methodToFixLayout);

function methodToFixLayout( e ) {
var winHeight = $(window).height();
var winWidth = $(window).width();
//adjust elements css etc.....
//$("#someDiv").css('someProperty',someValue based on winHeight and winWidth);
}

参照

于 2012-08-03T02:28:47.330 に答える
0

私がやろうとしていた方法を行うことは不可能です。幅を設定すると、ウィンドウまたはフレームサイズへの接続が切断されるため、コンテンツの幅を設定する前に、親要素を分岐する必要がありました。結果は次のとおりです。

http://jsfiddle.net/vgK6s/5/

于 2012-08-06T17:10:19.380 に答える