問題タブ [responsiveness]

問題は、その幅が 20000em の ul.gallery にあるようです。

残りの div のサイズが変更されても、画像は変更されません。

ここにライブテストがあります。（編集：リンクを削除）

何か助けてください。

編集: メディア クエリでビューポート幅を 100% に設定した後、画像のサイズが変更されるようになりました。

現在、サイトの SEO を改善するために WooRank Web サイトを使用しています >

ただし、「タッチスクリーンの準備」で失敗し続けます。私のボタンは高さ/幅が40pxであるべきだと述べています..しかし、それは失敗しています。

何かアドバイス？URL: http://www.answer-hut.com

私は自分のサイトで幅と高さを使用しました

レスポンシブ用にこのコード メディア クエリを変更する必要がありますが、機能しませんブラウザのサイズを変更するときに背景色を赤に設定します

私のコード:

私が得ている画像を追加しましたか？アドバイスをお願いします。

すべての幅と高さを埋める div があり、次に、この div の下部/中央に半分、その直後に半分にする必要がある小さな円があります。

高さを増やすか、ズームしようとするまですべてが機能します。その後、円は垂直に移動し、50/50 ではなくなります。また、ページをズームすると、円は中央ではなく上から拡大されます。

jsフィドル

CSS:

大きな問題があります。ほとんどすべてを試しましたが、まだ正しく動作しません。

Opera ではすべて正常に動作しますが、FF および IE の画像は応答しません。つまり、(Opera のように) div に合わせるのではなく、元の寸法で表示されます。

リンクは次のとおりです。http://gksolutions.pl/oferta/strony-internetowe

友達を助けてくれませんか？私は文字通りすでに2日を無駄にしました。これはブートストラップではなく、単純なグリッド システムです。

FF と IE ではどのように表示されますか:

Opera での表示方法

基本的に、画像は FF と IE で適切にスケーリングされませんが、行 div は 350px の高さに設定され、img は次のようにスタイル設定されています。

私はウェブサイトの構築に取り組んでおり、以下は私の望ましい結果です。

希望: http://i.stack.imgur.com/JI7tQ.png 注: 左側に画像があり、合計 5 つの画像になります。

ただし、ブラウザのサイズを変更すると、グリッドイメージが積み重なります..

実際: http://i.stack.imgur.com/tNSLP.png

以下は私のコードです

HTMLコード

CSSコード

望ましい動作

4 つの画像の相対的な位置を維持し、ウィンドウが小さくなるにつれて縮小したいと考えています。つまり、2x2 グリッドのサイズを縮小し、4*1 グリッドにならないようにしたいと考えています。

また、一番左の画像の高さを画面の高さと同じにしたいと思います。

注: 画像を重ねると、画像がレスポンシブになります。

質問

この動作を実現する最善の方法は何ですか? 私の腸は JavaScript を叫んでいます。

私は Bootstrap から始めており、デスクトップ ブラウザーで応答性を確認するとすべてが正しいように見えますが、電話 (Iphone 6) を使用すると、期待どおりの結果が得られません...

デスクトップ (モバイル ブラウザーのサイズをプレビューするために縮小)

電話 (iPhone 6)

何か問題があることがはっきりとわかります...何か見落としているかもしれません。

この URL で私のコードを調べることができます: http://robeen.fr/v3

いくつかの助けをいただければ幸いです:)