問題解消のためサイトのデザインを差換えました。
サイトの問題点
下記は同じ画面サイズで、変更前と変更後を比べたものです。
[1] 画面サイズを縮小した際、本文が小さくなりすぎる。
[2] 画面サイズを縮小した際、画像がはみ出る。
可変後を考えないまま、機能を実装したのが不味かったですね。
コーディングが、楽しすぎて全く考えてませんでした。
今回の構築で気をつけたこと
① 色数を少なく。シンプルに。
② 画面表示が700pxでも崩れずに見えるように。
僕のイラストは色数が多いので、
HPのデザインは色数を少なく、シンプルな方が良いと考えています。
今回画面サイズ630pxまで、320pxまで、可変出来るように変更。
650px以下の場合に、メニュー部分のみ表記位置を変更しました。
今後の対応
気になる問題点は解消できましたが、都度見直しを行っていきます。
課題：629px以下は如何するか要件等です。
追記12.09.23 ： 320pxまで可変するようにしました。