0

私の人生では、私のウェブサイトの画像でこの問題を解決することはできません.

要素を無駄に使用しようとし-moz-box-sizing: border-box;ましたが、問題に頭を悩ませることはできません。img

画像は、Mozilla Firefox と Internet Explorer 10 では 500x250 のフル サイズを保持しているように見えますが、Google Chrome と Apple Safari では正しく機能し、正しくフォーマットされます。

HTML と CSS を JSFiddle に入力しましたが、画像は持続します。JSFiddle はここで見つけることができ、問題のセクションに必要なすべてのコードが含まれています。

レスポンシブ機能は、コードのサイズを縮小するために削除されたため、1 つの列に折りたたまれません。

私が精神崩壊する前に、いくつかの助けをいただければ幸いです、ありがとう。

4

1 に答える 1

0

あなたのdivには幅がありません（.alignLeftと.alignRight）

このようなものを試してくださいhttp://jsfiddle.net/W5Edb/1/

    .alignLeft {
      width: 100%;
    }
    .alignRight {
      width: 100%;
    }

マージンを調整するか、div の % を減らす必要がありますが、アイデアが得られ、必要な方法でレイアウトできるはずです

于 2013-06-12T18:51:12.717 に答える