0

私はこの写真サイトを利用していますが、ブラウザー ウィンドウの反応的なサイズ変更に問題があります。画像は 100% で見栄えがしますが、ウィンドウのサイズを小さくすると、横向きの画像のサイズが変更され始めます。これは、ブラウザー ウィンドウの幅に合わせてサイズが縮小されていることを理解しています。

しかし、スマートフォンを模倣するために私が本当に小さくなったとき、私はこれらの画像を積み重ねたいと思っています。したがって、ブラウザーが小さい場合は、左から右、次に上から下に移動するという考え方です。私はCSSにちょっと慣れていないので、これを行う方法を思い出せません。誰かがブルーサを助けて、私を正しい方向に向けてくれますか? 私はWPオーバーライドオプションを介してこれをすべて行っているので、私はもっと複雑なものを扱うのが遅いので、cssだけで従うべきアプローチが最善です。

サイトはこちら: http://jadanduffinphotography.com/

ありがとう！-ジェイダン

4

2 に答える 2

0

私があなたに提案することは次のとおりです。

  • float: left;画像を作成するためのcssを記述しposition: relative;、コンテナ内にdiv

  • ブラウザ ウィンドウの向きを検出する

  • 向きに応じて、コンテナdivの幅を設定します

これにより、可能な場合は画像が水平に表示され、そうでない場合は垂直にスタックされます。

おそらくこれも見てみる必要があります。

于 2013-04-25T08:41:15.660 に答える
0

これはいい。レスポンシブ レイアウトで実際に何が問題になっているのかはわかりませんが、これまでのところサイトはうまく機能しています。

小さいデバイスでサイズ変更/レイアウトを行いたくない場合は、このファイル#7201で行間を削除/編集してください#7509http://jadanduffinphotography.com/wp-content/themes/heat/style.css

于 2013-04-25T08:44:00.957 に答える