完全レスポンシブでモバイル表示するとstyle.cssが読み込まれない

Simplicityの特徴 › フォーラム › Simplicityについての質問 › 完全レスポンシブでモバイル表示するとstyle.cssが読み込まれない

2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #52907
      ya
      ゲスト

      simplcity2 使用させてもらっています。そこで質問させてください。

      外観 - カスタマイズ - レイアウト(全体・リスト)の中に
      完全レスポンシブ表示を有効
      パソコンとモバイルでシームレスな完全なレスポンシブデザイン表示になります。

      これにチェックを入れても、モバイルでは style.css を読みません。
      そのときは、mobile.css に書くというのが通例かもしれませんが、
      チェックを外すとそれ以外に、何がPCとモバイルで変わってしまうのでしょうか?

      何が変わるか分からないので、チェックを外しにくいと思います。
      チェックを入れると完全にシームレスにならないです。

      何か矛盾を感じるのですが?

      事例は、関連記事を読むボタンの変更を行ったのですが

      p.related-entry-read a{
       color:#fff;
       font-size:14px;
       background-color:#ff4500;
       border-radius:20px;
       padding:5px 50px 5px 50px;
      }
      p.related-entry-read {
       text-align: right;
       padding-top: 15px;
       margin-right: 10px;
      }
      p.related-entry-read a:hover{
       color:#fff;
       background-color:#b281e2;
       text-decoration: none;
      }
    • #52910
      かうたっく
      ゲスト

      こんばんは^^

      そのスタイルをただ貼り付けてみたら、続きを読むが、赤く角丸が反映されました。
      style.cssに貼りつけるとモバイル・PC、PCの幅を狭くしてみても同じです。

      mobile.cssに貼りつけると、テーマ側の設定でモバイルのみ反映するかと思われます
      キャッシュを切ってみると、反映されるとかはないでしょうか?

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

      Simplicityの仕様としては、「完全レスポンシブ」のモバイル表示でも、style.cssは読み込まれる仕様になっていると思います。

      プラグインが原因の可能性も考えられますし、動作不良かもしれないので、ソースコードから動作を見るために該当ページのURLを貼り付けていただけると助かります。

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