スマホ実機で見るとCSSが反映されていない問題

Question

cssで文字を装飾したのですがPCを使ってシークレットモードで確認し、chromeで"検証"を使ってiphone5で見た時にはしっかりと装飾が反映されているのですが、実際に実機(iphone5s)でchromeアプリを使ってシークレットモードで見ると反映されていません。原因が全く検討がつかないのですが何が考えられますでしょうか？(念のためキャッシュ削除したり、友人のスマホで見てもらったりしましたがやはり反映されていません。)

Answer 1

まずは、状況が再現する最低限のコードを作ってみましょう。

あとは、macOSがあるならiOS実機に「要素を検証」をかけることもできます。

Answer 2

iPhone5s実機だけでなく、その他スマホ実機、およびandroid実機等での確認はどうでしょうか？
CSSで文字を装飾しても、スマホの場合は収録フォントが少ない為、そのままでは、font-family:等が効かない場合もあります。maisumakunさんのご提案どおり、HTML・CSSのコード提示が解決への早道と思われます。

Answer 3

一概には言えませんが、スマホのブラウザのバージョンによって「使用できない」or「表示が違う」cssなどがあります。
今使用しているcssの対応ブラウザを確認してみてください。
比較的新しいcssを使用する際は古いバージョンのブラウザに対応していないものもあります。
ベンダープレフィックスなどを追加したりする場合もありますので参考にしてみてください。

http://www.htmq.com/csskihon/603.shtml