2012-02-29 6 views
2

私のウェブサイトは応答性があります。それは、ポートフォリオセクションの画像を除いて素晴らしい作品です。ページが最初に読み込まれるときに、ブラウザウィンドウを縮小すると、すべてが正しく動作します。しかし、ブラウザーを元の幅に戻すと(ブラウザーウィンドウの幅が「通常の」デスクトップで開始したと仮定した場合)、親コンテナーの幅に関連したイメージのサイズは増加しません。流体レイアウトの画像が元の幅に戻らない(ウェブキットのみ)

URL:http://designintellection.com/portfolio/

がここに関連するCSSです:これはSafariとChromeで起こる http://pastebin.com/7YvQD4Hp

。 FirefoxとOperaでうまく動作します。

アイデア?

+0

私は最新のChromeを使用しています.WiPhoneイメージは縮小しており、Windows 7でもうまく機能しています.Safari 5.1.2も正しく動作しています。私はこの問題を見ていない。 – jmbertucci

+0

私はMacでChrome、Safari、Firefoxをテストしましたが、すべて正常に動作しています...バグの内容が不明です。 – Dan

+0

ああ、よく聞いてよかったと思う。私の問題は、MacのSafari 5.1.2/Chrome 17にあります。他の誰も見ていなければ、私はもう数日待ってチケットを閉じるでしょう。私の見た目は次のとおりです:https://img.skitch.com/20120301-xk9422f4455wywg7i978hxs5f3.jpg –

答えて

0

Chromeで同じ問題が発生しています。私はそれがフロートによって引き起こされたと信じています。あなたは.pfスクリーン上に残っています:

.pf-screen {margin-left:2.093%;/18/860/float:left;}

100%幅の画像の場合、コンテナエレメント(.pf-screen)上のフロートを削除すると、Chromeで問題が解決されます。

+0

それはそれでした!ありがとう! –

関連する問題