最近（というか今さらかよと言うか）スマートフォン用のウェブページを作る機会が多くなった。
作っていて縦向きでフォントサイズを合わせると横向きのときフォントサイズが大きくなりすぎる感じだったので固定できないかな？と思った。
「iPhone safari 縦 横 フォントサイズ」で調べてみたらCSSの書き方が見つかったのでメモ。
横向きの時だけちょっとフォントサイズを大きくしたい場合はブラウザの横幅で2種類書き分ける感じになるのかな。
先週せっせと作っていたサイトはメインの画像の上にロゴが半分ぐらい被さってるデザイン。
メイン画像はフラッシュで動かす予定でした。全部の広範囲をフラッシュで作るのは面倒だったので動く部分だけフラッシュにしてロゴはCSSで上から被せる事に。
とりあえずフラッシュはアタリのjpg画像をはめ込んどいて全体のデザインを進めました。
全体がある程度できて、最後にメインのフラッシュを作ってアタリ画像と差し替えたら、、、
なんとロゴが背面に隠れてしまうではないですか！CSSのz-indexが効かないみたいです。
マジかよ！納期迫ってるじゃん、、、なんで？作り直し？
一応、いつものようにネットで検索してみたら、関連した情報がわんさか出て来ました。
ふー、よかった。締め切り間際の真夜中、予期しない事が起こると本当カラダに悪いです。