熱はないけど、喉の痛みがひどくて、本日のマルシェワンダーランド行きを断念。
1日おとなしく、おうちで家事＆お仕事することに。しょぼん。
でも、家族はみんな留守だから、キママに過ごそう日曜日。
今日は、2件のメモ。
最近、最初からレスポンシブデザインで制作することが多いけど、そうじゃない場合。
PCでは気づかないんだけど、スマホなどで見ると、背景が切れてしまう件。
背景画像をXにリピートしたときなどにそうなる。
背景を指定してあるdivは、もちろん width:100%に指定してあっても、
その内側のdivに固定サイズの900pxなどを指定している場合。
横幅900px以下のブラウザで閲覧すると、背景が切れてしまう。
解決方法は、背景をしているdivに、
min-width:900px; を指定。
その外側のdivがある場合は、そちらで解決もあり。
もうひとつ。
スマホ等で、PCサイトを見たときに、画面幅＝コンテンツ幅では、ちとみにくい。
そんなときは、こちら。
ビューポートの設定で、コンテンツ幅が960pxのとき、例えば…
[html]
<meta name="viewport" content="width=1000,user-scalable=yes,maximum-scale=1.0">
[/html]
content=”width=1000の値を、実際のコンテンツ幅より、広く指定すると、
とりあえず、見やすくなる。
