追加CSSでレスポンシブwidthの設定方法

  • 解決済 mrsmith11

    (@mrsmith11)


    3年、 2ヶ月前

    お世話になります。

    <p class=”site-description”>
    ～～～
    </p>

    の中の文章を、

    パソコンで表示する場合は、width 60%
    タブレットで表示する場合は、width 80％
    スマホで表示する場合は、width 100％

    の表示にしたいのですが、
    追加CSSのところになんと記述すれば、私のしたいことはできますでしょうか？

    CSSに関しては無知ですみませんが、どなたかお教えいただけないでしょうか。

    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • shokun0803

    (@shokun0803)

    3年、 2ヶ月前

    @mrsmith11 さん、こんにちは。

    ご質問の内容は基本的はHTMLやCSSの内容に関する質問で、こちらのフォーラムではWordPressに関する質問を行う場所になっていますので、残念ながら回答が付きづらい状況です。
    初心者の方はHTMLもCSSもWordPressも同じものかと考えてしまいがちですが、WordPressで使われている技術であってもWordPressの問題ではないので、分けて考えてみましょう。

    HTMLやCSSの質問ができる他のフォーラムをあまりよく知らないので、参考までにレスポンシブの基礎を教えてくれているサイトをご紹介しておきます。
    https://pc.user-infomation.com/web-product_responsive/re_01.htm
    このサイトが適切かどうかも個人的にググっただけですので、参考程度にお考え下さい。

    基礎技術は学んでも損はありません、是非HTMLやCSSの基礎も学んでみてください。
    ご参考になれば。

    トピック投稿者 mrsmith11

    (@mrsmith11)

    3年、 1ヶ月前

    ありがとうございます。

    こちらは、メディアクエリで解決済みです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「追加CSSでレスポンシブwidthの設定方法」には新たに返信することはできません。