各機で適応されるCSSについて

Simplicityの特徴 › フォーラム › Simplicityについての質問 › 各機で適応されるCSSについて

  • このトピックには10件の返信、2人の参加者があり、最後にかうたっくにより8年、 10ヶ月前に更新されました。
10件の返信スレッドを表示中
  • 投稿者
    投稿
    • #57774
      A
      ゲスト

      Woedpressで作ったサイトでCSSをいじってみたのですが、どうにもスマホでだけうまくいきません。
      パソコンでの表示…○
      パソコンでブラウザのスマホ表示機能でスマホ表示…○
      スマホでの表示…×
      スマホでブラウザのパソコン表示機能でパソコン表示…×

      このような場合、どのCSSファイルが邪魔をしていると考えられるでしょうか?
      条件は以下の通りです
      ・完全レスポンシブはoff
      ・子テーマのstyle.cssの見出し(.artcle.h2など)を変更
      ・パソコンでは思い通りの表示になったが、スマホでは記事内で適応されず、外側の「カテゴリー」「アーカイブ」などにだけ適応される。
      ・artcleの変更を消し、enter-content.h2などにしてみるが効果なし。
      ・それらを子テーマのmobile.cssでやってみるが効果なし。
      ・これらの行程中スマホのキャッシュを削除してみるがどのタイミングでも効果なし。
      ご教授お願いします。

    • #57781
      アバター画像わいひら
      キーマスター

      そういった場合は、デベロッパーツールでソースコードを解析してみないことには、何とも言えないかもしれません。
      「デベロッパーツール 使い方」などで検索して、「どのソースコードが上位に適用されているか」などを調べると良いかもしれません。

      URLを提示していただいて、うまく表示されない場所を書いていただければ、何が原因かは、ある程度わかるかと思います。
      ただ、原因は様々考えられるため、必ずしも特定できるかどうかは保証できないのでご了承ください。

    • #57785
      A
      ゲスト

      返信ありがとうございます。
      chromeのデベロッパーツールで確認してみましたが、いかんせんパソコンでのスマホ表示はちゃんとしているので、思い通りになっていました。ということでURLを貼ります。

      https://shogireview.info/?p=375

      長い記事で恐縮ですが、パソコンでの表示とスマホでの表示を見比べていただけたらと思います。スマホだと、文章中の見出しにスタイルが適応されずデフォルトのままになり、代わりに下の方の関連記事やアーカイブ、カテゴリーあたりに適応されてしまっています。
      よろしくお願いします。

    • #57787
      かうたっく
      ゲスト

      .entry-content h2や.entry-content h3などの指定で記事下、関連記事・サイドバーのhタグに反映されるようなタグを確認しました。CSSにも特に問題ないと思います。

      htmlの属性がlang="en-US"に変更されてるのは関係なさそうですし。

      スマホビューはPCビューと同じで、またスマホのPC表示も同様です。Android・iPhoneで確認しましたが、Aさんの持っているスマホとは違うから。とかは考えにくいと思います。

      ちなみにブラウザを変更して確認してもらえますか。

      ・例えば…ドルフィンブラウザ・operaなどをダウンロードして表示確認してみるとか。

      以前にサイドバーや記事下の関連記事のカスタマイズを行った事はないですか?

      ・MixHostで何かのキャッシュが残っているなどはありませんか?

      その辺りを疑って調べてみるのも良いかもしれません。キャッシュのない状況で確認しても、私の環境では正常に表示されてますので。

    • #57788
      かうたっく
      ゲスト

      .entry-content h2や.entry-content h3などの指定で記事下、関連記事・サイドバーのhタグに反映されるようなタグを確認しましたが、その指定では関連記事・サイドバーのhタグに反映される事もありません。

      CSSも記事内のみ反映する指定になってますから。

    • #57793
      A
      ゲスト

      驚きました…operaを新しく入れてみてみると正常に表示されていました…。
      chromeでキャッシュ、cookieを削除したから大丈夫と思い込んでいたのが間違いだったようです。
      逆に、なぜchromeではキャッシュを消しても反映されないのでしょうか…?念のためこの疑問を解決しておきたいです。

    • #57796
      かうたっく
      ゲスト

      chromeでキャッシュ、cookieを削除したから大丈夫と思い込んでいたのが間違いだったようです。
      逆に、なぜchromeではキャッシュを消しても反映されないのでしょうか…?

      Chromeユーザーですが、それは私もGoogleさんに伺いたいところです^^;

      何らかの不具合があるのか、不具合が出やすいような使い方をしたのか。

      それほど気にしてないユーザー的に思います。気になるようでしたらGoogleさんのその分野の担当さんに気長前提で質問すれば納得できる回答か何かしら頂けるかもです❦

    • #57803
      アバター画像わいひら
      キーマスター

      僕の環境からも、特に問題のある表示には見えませんでした。
      不具合が再現されないので、ちょっと何とも言えないです。

      キャッシュといっても、ブラウザキャッシュ以外にもいろいろあるため、何かしら古いものが悪さをしているのかもしません。
      新規の方には、正常表示されていると思うので、そこまで気にする必要ないのかもしれません。
      ただ、どうしても不具合が解消されないようであれば、そこはGoogleにしか原因のわからないところのような気がします。

    • #57808
      A
      ゲスト

      今は亡き古いCSSが読み込まれているようなので、何かキャッシュ以外のものが悪さをしているんですね。
      とりあえずほかの方にちゃんと見えていることがわかってよかったです。お騒がせしました、ありがとうございましたm(__)m

    • #57811
      かうたっく
      ゲスト

      ・プラグイン・サーバーでもキャッシュがあればクリアにする。
      ・あとは.htaccessファイルでキャッシュの設定があれば、その可能性もある『かも』知れないですし。

      何かキャッシュ以外のものが悪さをしているんですね。

      ブラウザのキャッシュか、それ以外のキャッシュが悪さしてそうです。

    • #57812
      かうたっく
      ゲスト

      数日、見て見ぬふりをしながらキャッシュの削除をしていると、スタイルがキチンと反映された事も2年ほどまえにあったのでw

      Chrome以外は正常に表示している事を運営者さん自身が確認できてよかったです。お疲れさまでした!

10件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)