私はウェブサイトのインターフェースに取り組んできました。私は何時間も費やした単純なことに固執していて、それを修正できません。私は自分のプロジェクトのプロトタイプを提供しています。ページを拡大または最小化すると、配置が乱れます。どうすれば修正できますか？
質問する
135 次
2 に答える
2
フロートを使用していますが、これがフロートの仕組みです。できるだけ多くが同じ行に収まり、残りは下に折り返されます。コンテナのサイズが変更されると、端から落ちたフロートは再び下に移動します。
最も簡単な一時的な解決策は、ラップせずにすべてのフロートに適合するのに十分な大きさの固定されたラッパー div width、または少なくともmin-width. これにより、この幅より小さいウィンドウには水平スクロール バーが表示されることに注意してください。
于 2013-01-14T22:31:05.983 に答える
1
「最小化」がウィンドウのサイズ変更を意味する場合、それはそれらの列をフローティングしているためです。これを修正するには、2 つの方法があります。
1) ウェブサイトをレスポンシブにします。これについてはオンラインで多くの情報を見つけることができますが、ここでは開始するためのリソースをいくつか紹介します。
2)すべての浮動要素を含むに amin-widthを追加します。<div>幅がすべてのフロート アイテムが並んでいることを確認してください。これにより、ウィンドウがコンテナーよりも小さくなった場合に、それらの要素を互いに下に押し込む代わりに、コンテナーが遠ざかるのを防ぎ、スクロールバーを作成します。
これは、モバイルやタブレットなどのデザインに関して必ずしも最善の方法ではありませんが、「通常の」デスクトップ モニターでサイトが機能しなくなることはありません。これが唯一のターゲット オーディエンスであれば、問題はありません。
この例は次のようになります。
.container {
min-width:960px;
}
于 2013-01-14T22:31:28.747 に答える