DigiPress

Highly Flexible WordPress Theme

幅780以下のCSSの適用

ホーム › フォーラム › デザイン関連 › 幅780以下のCSSの適用

  • このトピックには5件の返信、2人の参加者があり、最後にマサキにより9年、 8ヶ月前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • 2015/07/23 5:24 PM #45562
    マサキ
    参加者

    テキストウィジェットに設置した

    添付ファイル:
    添付ファイルを開くにはログインしてください。
    2015/07/23 5:51 PM #45567
    DigiPress サポート
    キーマスター

    テーマには直接関係ありませんので詳細のサポートは致しかねますが、780px以下であれば

    @media only screen and (min-width: 780px)

    ではなく

    @media only screen and (max-width: 780px)

    とすべきではないでしょうか。

    なお、タブレット端末ではモバイルテーマではなくレスポンシブ(PCテーマ)表示です。

    2015/07/23 5:54 PM #45568
    マサキ
    参加者

    文字が抜けてしまいました。「テキストウィジェットに設置したfollow-btn-spというクラスに〜」

    クラスのCSSを設定すると横幅780以上には適用しますが、それ以下には適用しません。
    一気に幅、モバイル関係なしに設定する方法はないのでしょうか？

    2015/07/23 5:58 PM #45569
    DigiPress サポート
    キーマスター

    繰り返しますが、「〜px以下」に適用するのであれば max-width としてください。

    なお、本件はメディアクエリに関することですのでこれ以上のサポートはご容赦ください。

    2015/07/23 6:01 PM #45570
    DigiPress サポート
    キーマスター

    「適用しない」という詳細がわかりませんが、min-width のメディアクエリは不要であり、max-width で既定のCSSを「適用しない」ようなCSSを定義する、ということです。

    2015/07/25 4:12 PM #45704
    マサキ
    参加者

    ありがとうございます！

  • 投稿者
    投稿
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。