0

私はこのサイトで数日間作業しており、ウィンドウ/ビューポートが任意のサイズのときに見栄えがするようにしようとしています...現在、ワイドスクリーンまたは通常の1024モニターでかなり見栄えがします...ただしiPhone / iPad および小さいサイズでダイヤルアウトするのに問題があります...

すべてが応答性と流動性を備えていることを望みます...現在、iPhone で表示すると、最初のブロックのみが適切に表示されます...他のブロックには、ウィンドウの右側を超えて拡張されたコンテンツがあるため、ユーザーはスクロールする必要があります指でコンテンツを表示します。

ビューポートで遊んで(最小値と最大値を設定)、各ブロックの最小幅を 980px にして、背景が画面を確実に覆うようにしました...どこが間違っているのかよくわかりませんここ...

私のサイトの応答性を高めるためのポインタや何かをいただければ幸いです。ヒント... WTFS...など;)

再度、感謝します

4

2 に答える 2

1

(答えであることが判明したので、これらのコメントを答えとして投稿してください)

レスポンシブデザインに慣れながら、ZurbFoundationまたはTwitterBootstrap(Foundationを推奨)を入手し、それを基本レイアウトとして使用することをお勧めします。それらがどのように組み合わされているかを確認したら、レイアウトに再び取り組むことができます。

于 2013-01-24T13:47:21.110 に答える
0

メディアクエリを使用してモバイルバージョンのレイアウトを変更します。つまり、デスクトップの種類のデザインはモバイルバージョンでは見栄えがよくありません。たとえば、メインメニューはデスクトップで見栄えがよく、画面サイズが小さい場合は、ドロップダウンのようにメニューを変更する必要があります。

于 2013-01-21T04:52:11.997 に答える