私はあまり才能のある Web デザイナーではないので、ブラウザーのサイズが変わったときに Web ページをそのまま維持するのに苦労しています。それはすべて乱雑になり、ひどく見えます。
ブラウザがフル サイズの場合、ページは問題なく表示されます。
これは、ブラウザのサイズを変更する前の様子です。
ブラウザを小さくした後の外観は次のとおりです。
これは、ブラウザのサイズを水平方向に変更した場合にのみ発生します。
これは私の CSS です: http://pastebin.com/SfKT0Eth
私は HTML/CSS があまり得意ではないので、自分の間違いを理解できません。それは私の分野ではないので、自分でこれを理解するための知識が不足しています。
よろしくお願いします。
編集
サイドバーと暗いコンテンツ スペースの問題を修正しました。私が達成できていないのは、画面が小さくなったときに上部メニュー (トップ ナビゲーション) の項目が落ちないようにすることです。
私は単にこれを変更しました#sidebar
:
width: 270px;
に
width: 19%;