Q&A
該当の外部CSS、HTMLのソースコードを質問本文に記載ください。
マークダウン形式でお願いします。
phpのサイトでheader('Content-Type: text/html; charset=UTF-8');を追記したらPCでは問題ないのですがAndroidのchromeではcssの外部ファイルに書いてあるclassを反映できなくなりました。
header('Content-Type: text/html; charset=UTF-8');を追記したphpのファイルを追記する前の元ファイルに戻してもAndroidのChromeでは元に戻らなくなってしまいました。
phpのファイル全体を正常に動作していたときのファイルと入れ替えても復旧できません。
サーバーを再起動して、AndroidのChromeのキャッシュも消去してスマホを再起動しても元に戻せなくなってしまいました。
外部ファイルの代わりに<header></header>にstyleを直接書いてみてもAndroidのChromeでは反映できずに現状ではインラインで個別のタグの要素に書いたときのみ反映します。
既に過去数か月間は外部ファイルのclassをAndroidのChromeでも読み込めて問題なく動作していたのですが元に戻す方法がもしご指摘いただけましたら幸いです。
どうぞよろしくお願いします。
該当のコードは以下の通りです。
bootstrap4も使っています。
【障害が出る前のコード】
HTML
CSS
.bgc-dred {
background-color: #800040;
border-color: #800040;
}
【障害が出た後は外部CSSを反映しないためインライン記載】
HTML
CSS
.bgc-dred {
background-color: #800040;
border-color: #800040;
}
ありがとうございます。
HTMLとCSSのコードを追記しました。
追記ありがとうございます。
しかし、今回のケースでは該当箇所だけでは、解決しないと思われます。
bootstrapを使用されているのであれば、なおです。
できれば、HTML全体と読み込んでいるCSS全てが必要になるかと思われます。
（単純に他のCSSが干渉して、該当箇所のCSSが効かなくなっている可能性もある）
それと、ソースコードは、”マークダウン形式”で記載ください。
編集画面にて、<code>と書かれたボタンがあるので、押すと、
ソースコードを記載するための文字が挿入されるので、
それを使ってソースコードを記載してください。
ありがとうございます。
コード全体を見直したらCSSのリンクの記載に誤りが見つかりましたので訂正したら解決しました。
お手数をおかけしました。
ご指摘ありがとうございます。
解決してよかったですね！
自己解決の回答を投稿して、本質問を閉じましょう。
はい、おかげさまで本当に助かりました。
ありがとうございました！
回答1件
0
自己解決
miyabi_takatsukさんより、コード全体の見直しについてご指摘をいただきCSSのリンクの記載に問題があったことを発見し解決しました。
ご指摘ありがとうございました。
投稿2019/05/14 06:14
総合スコア19
あなたの回答
tips
プレビュー
