スマホ対策

WEB拍手やイイネボタン、いつもありがとうございます！
サイトのトップページにもアンソロ告知を入れました！

ついでに、スマホでアニャエトラのサイトを見ると表示が崩れるようなので、ちょっとCSSをいじりました。
Web用の文法を勉強するのって久し振りだな～。

body要素の幅をブラウザに合わせて100％にしてるんですが、それだと、スマホみたいに横幅の狭いブラウザで見ると、字が縦長に連なっちゃうみたいなんですね。

▽ここから修正しました。
なので、CSSにこの2行を加えました。

max-width: 1100px;
min-width: 550px;

これで、横幅が550pxより縮まなくなり、1100pxより広くならず、550px～1100pxの時のみ可変幅にすることができるようになりました。
　参照ページ→ボックス横幅の最大値・最小値を指定する
これですっきり。メディアクエリを使うまでも無かった。
PCブラウザでも横長になるのが気になってたんですよね^^;
△ここまで

自分がスマホじゃないので、自分では確認できないのが辛い^^;
ちなみに、このブログとか、スマホだとどういう風に表示されてるのかも気になります。
ガラケーなら、携帯用の別の表示のされ方になるんですけどね。