2

私のウェブサイトはレスポンシブです。ポートフォリオセクションの画像を除いて、うまく機能します. ページが最初にロードされると、それらは本来あるべき姿で表示されます。ブラウザ ウィンドウを縮小すると、すべてが適切に動作します。ただし、ブラウザーを元の幅に戻しても (「通常の」ブラウザー ウィンドウ幅のデスクトップで開始したと仮定すると)、親コンテナーの幅に関連して画像のサイズは増加しません。

URL： http ://designintellion.com/portfolio/

関連する CSS は次のとおりです: http://pastebin.com/7YvQD4Hp

これは、Safari と Chrome でのみ発生します。Firefox と Opera で問題なく動作します。

何か案は？

4

1 に答える 1

0

Chrome でも同じ問題が発生しています。.pf-screen にある float:left が原因だと思います:

.pf-screen { margin-left:2.093%; / 18/860 /フロート: 左; }

幅が 100% の画像の場合、コンテナー要素 (.pf-screen) のフロートを削除すると、Chrome での問題が修正されます。

于 2012-03-09T04:52:40.347 に答える