-1

私はあまり才能のある Web デザイナーではないので、ブラウザーのサイズが変わったときに Web ページをそのまま維持するのに苦労しています。それはすべて乱雑になり、ひどく見えます。

ブラウザがフル サイズの場合、ページは問題なく表示されます。

これは、ブラウザのサイズを変更する前の様子です。

ページの通常の外観

ブラウザを小さくした後の外観は次のとおりです。

ページのゆがみ/乱雑な外観

これは、ブラウザのサイズを水平方向に変更した場合にのみ発生します。

これは私の CSS です: http://pastebin.com/SfKT0Eth

私は HTML/CSS があまり得意ではないので、自分の間違いを理解できません。それは私の分野ではないので、自分でこれを理解するための知識が不足しています。

よろしくお願いします。

編集

サイドバーと暗いコンテンツ スペースの問題を修正しました。私が達成できていないのは、画面が小さくなったときに上部メニュー (トップ ナビゲーション) の項目が落ちないようにすることです。

私は単にこれを変更しました#sidebar

width: 270px;

width: 19%;

http://jsfiddle.net/J3jm7/3/

4

4 に答える 4