0

woothemes で flexslider を使用していますが、ブラウザーのサイズを変更したり、iPad/iPhone でサイトを表示したりすると、画像がコンテンツよりもずっと広くなる理由がわかりません。

スライダー、スライド、または画像に、画像のサイズが変更されない原因となるスタイルはありません。実際の画像自体には、高さや幅の属性は設定されていません。さらに、スライダーには画像が 1 つしかありません。

コンテンツのコンテナーもサイズ変更されているようで、画像/スライドの幅は 100% に設定されていますが、まだ右側にオーバーフローしているため、水平スクロールが表示されます。

サイト: http://whitakerbespoke.com/

編集: 画像のサイズが変更されましたが、まだ水平スクロール バーがあり、右側に大きな空きスペースがあります。画像が原因かと思いましたが、そうではないようです。

4

3 に答える 3

1

css 宣言に追加width: 100%すると、.flexslider .slides img次のようになります (flexslider.css の 21 行目):

.flexslider .slides img {margin: 0 auto; display: block; width: 100%;}
于 2013-02-08T21:21:42.890 に答える
0

に追加max-width: 100%するimgと、正常に動作します。

于 2013-02-08T21:20:24.017 に答える
0

簡単: http://whitakerbespoke.com/wp-content/themes/spacing/css/skeleton-responsive.css?ver=3.5.1 行 28

#footer .container {
    width: 960px;
}

このボックスを柔軟にする必要があります... 'width:100%' のように。

続ける

于 2013-02-08T21:28:26.403 に答える