Simplicityの特徴 › フォーラム › Simplicityについての質問 › 各機で適応されるCSSについて
- このトピックには10件の返信、2人の参加者があり、最後に
かうたっくにより8年、 10ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年12月21日 4:50 PM #57774
A
ゲストWoedpressで作ったサイトでCSSをいじってみたのですが、どうにもスマホでだけうまくいきません。
パソコンでの表示…○
パソコンでブラウザのスマホ表示機能でスマホ表示…○
スマホでの表示…×
スマホでブラウザのパソコン表示機能でパソコン表示…×このような場合、どのCSSファイルが邪魔をしていると考えられるでしょうか?
条件は以下の通りです
・完全レスポンシブはoff
・子テーマのstyle.cssの見出し(.artcle.h2など)を変更
・パソコンでは思い通りの表示になったが、スマホでは記事内で適応されず、外側の「カテゴリー」「アーカイブ」などにだけ適応される。
・artcleの変更を消し、enter-content.h2などにしてみるが効果なし。
・それらを子テーマのmobile.cssでやってみるが効果なし。
・これらの行程中スマホのキャッシュを削除してみるがどのタイミングでも効果なし。
ご教授お願いします。 -
2017年12月21日 6:13 PM #57781
わいひらキーマスターそういった場合は、デベロッパーツールでソースコードを解析してみないことには、何とも言えないかもしれません。
「デベロッパーツール 使い方」などで検索して、「どのソースコードが上位に適用されているか」などを調べると良いかもしれません。URLを提示していただいて、うまく表示されない場所を書いていただければ、何が原因かは、ある程度わかるかと思います。
ただ、原因は様々考えられるため、必ずしも特定できるかどうかは保証できないのでご了承ください。 -
2017年12月21日 9:55 PM #57785
A
ゲスト返信ありがとうございます。
chromeのデベロッパーツールで確認してみましたが、いかんせんパソコンでのスマホ表示はちゃんとしているので、思い通りになっていました。ということでURLを貼ります。https://shogireview.info/?p=375
長い記事で恐縮ですが、パソコンでの表示とスマホでの表示を見比べていただけたらと思います。スマホだと、文章中の見出しにスタイルが適応されずデフォルトのままになり、代わりに下の方の関連記事やアーカイブ、カテゴリーあたりに適応されてしまっています。
よろしくお願いします。 -
2017年12月22日 6:50 AM #57787
かうたっく
ゲスト.entry-content h2や.entry-content h3などの指定で記事下、関連記事・サイドバーのhタグに反映されるようなタグを確認しました。CSSにも特に問題ないと思います。htmlの属性が
lang="en-US"に変更されてるのは関係なさそうですし。スマホビューはPCビューと同じで、またスマホのPC表示も同様です。Android・iPhoneで確認しましたが、Aさんの持っているスマホとは違うから。とかは考えにくいと思います。
ちなみにブラウザを変更して確認してもらえますか。
・例えば…ドルフィンブラウザ・operaなどをダウンロードして表示確認してみるとか。
以前にサイドバーや記事下の関連記事のカスタマイズを行った事はないですか?
・MixHostで何かのキャッシュが残っているなどはありませんか?
その辺りを疑って調べてみるのも良いかもしれません。キャッシュのない状況で確認しても、私の環境では正常に表示されてますので。
-
2017年12月22日 6:53 AM #57788
かうたっく
ゲスト.entry-content h2や.entry-content h3などの指定で記事下、関連記事・サイドバーのhタグに反映されるようなタグを確認しましたが、その指定では関連記事・サイドバーのhタグに反映される事もありません。CSSも記事内のみ反映する指定になってますから。
-
2017年12月22日 5:31 PM #57793
A
ゲスト驚きました…operaを新しく入れてみてみると正常に表示されていました…。
chromeでキャッシュ、cookieを削除したから大丈夫と思い込んでいたのが間違いだったようです。
逆に、なぜchromeではキャッシュを消しても反映されないのでしょうか…?念のためこの疑問を解決しておきたいです。 -
2017年12月22日 6:41 PM #57796
かうたっく
ゲストchromeでキャッシュ、cookieを削除したから大丈夫と思い込んでいたのが間違いだったようです。
逆に、なぜchromeではキャッシュを消しても反映されないのでしょうか…?Chromeユーザーですが、それは私もGoogleさんに伺いたいところです^^;
何らかの不具合があるのか、不具合が出やすいような使い方をしたのか。
それほど気にしてないユーザー的に思います。気になるようでしたらGoogleさんのその分野の担当さんに気長前提で質問すれば納得できる回答か何かしら頂けるかもです❦
-
2017年12月22日 7:19 PM #57803
わいひらキーマスター僕の環境からも、特に問題のある表示には見えませんでした。
不具合が再現されないので、ちょっと何とも言えないです。キャッシュといっても、ブラウザキャッシュ以外にもいろいろあるため、何かしら古いものが悪さをしているのかもしません。
新規の方には、正常表示されていると思うので、そこまで気にする必要ないのかもしれません。
ただ、どうしても不具合が解消されないようであれば、そこはGoogleにしか原因のわからないところのような気がします。 -
2017年12月22日 11:01 PM #57808
A
ゲスト今は亡き古いCSSが読み込まれているようなので、何かキャッシュ以外のものが悪さをしているんですね。
とりあえずほかの方にちゃんと見えていることがわかってよかったです。お騒がせしました、ありがとうございましたm(__)m -
2017年12月23日 8:08 AM #57811
かうたっく
ゲスト・プラグイン・サーバーでもキャッシュがあればクリアにする。
・あとは.htaccessファイルでキャッシュの設定があれば、その可能性もある『かも』知れないですし。何かキャッシュ以外のものが悪さをしているんですね。
ブラウザのキャッシュか、それ以外のキャッシュが悪さしてそうです。
-
2017年12月23日 8:12 AM #57812
かうたっく
ゲスト数日、見て見ぬふりをしながらキャッシュの削除をしていると、スタイルがキチンと反映された事も2年ほどまえにあったのでw
Chrome以外は正常に表示している事を運営者さん自身が確認できてよかったです。お疲れさまでした!
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。