iPhoneとPCでCSSのセンターが違う場合とその解決法(作業日報 01/11)
777特設ページ作成時に遭遇したiPhoneとPCでの表示の差について。メモ。
1.表示のセンターがズレる
PCでの表示とiPhoneでの表示でセンター位置が異なっていた現象について。
文章の改行位置や段落の横幅など、一切指定していないのに横幅一杯に描画されていませんでしたと。
overflow:hidden;を導入した結果、画像が見切れて文章は丁度いい位置に表示されたため、使っている画像がそもそものiPhoneの画面幅より大きい為に縮小して表示していたものという事のようです。
テキストは本来あるべきiPhoneの画面幅で折り返しがなされていました。
metaタグに「name="viewport" content="width=1280"」を導入して解決しました。
2.スクロールするとフォントの大きさが変化する
フェードインのスクリプトを自作したのですが、その際、特定のクラスを変化させていたため、同じタグに同一のクラスがあると巻き込まれて変化していたという事のようです。
理由は不明ですが、高さの変化に合わせてフォントの大きさが変化していたようでした。
子のタグを新規に作成しに格納する事で解決しました。
紳助さん1828周目。
作業内容
ポーズ
24/50
しばらくお休み。
RAVAGE外伝
原稿。
モーぜ
キャラチップ配置。
カスタム・サーガ(ヴァーレントゥーガ)
検討。
mod
書き出し。
リプレイ
字幕。
MHTRPG
剥ぎ取り。