カテゴリー:
CSS
閲覧数:333 配信日:2020-04-11 08:36
今回(最終的に)実行した手順
最初に考えたこと
ライブラリの問題があるのでは？
→ ライブラリのデモを改めて確認したみたが、正常動作している
1.ライブラリを改めてダウンロード
2.単体デモを設置する
モバイルでも正常動作することを確認する
3.単体デモを最小構成にする
・不要な記述を全て削除
・最低限必要なものに限定する。出来るだけシンプルに！
4.単体デモを既存Webサービスにコピペする
・単体デモのhtmlとcssを既存Webサービスにコピペする
・モバイルでも正常動作することを確認する
5.「既存Webサービスへ追加した単体デモコード」を拡張していく
・「既存Webサービスで正常動作しないコード」を、「既存Webサービスへ追加した(正常動作する)単体デモコード」へ一つずつ追加していく
・一つ追加する度に、モバイルでも正常動作することを確認していく
CSSトラブル時の対応はプログラミングと同じ
最小構成の単体デモを作成し、動作確認していく
・原因が複数考えられる場合は、(面倒でも)一旦最小構成の単体デモを作成し、そこから動作確認していく方が結局は早く解決する(ことが多いと思われる)
動作しない環境で苦労するよりも
動作する環境を用意し、そこへ追加していく(方が早く解決するかも)
問題と思われる箇所を特定
原因不明だが、問題と思われる箇所を特定(2020/4/2 19:03)
h1タグ内やh2タグ内に改行を入れていると、モバイル表示時に意図しない結果となる
なぜ？
html改行 と 表示 の関係性は？