Title: 追加CSSでレスポンシブwidthの設定方法
Last modified: 2021年7月3日

---

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

 *  解決済 [mrsmith11](https://ja.wordpress.org/support/users/mrsmith11/)
 * (@mrsmith11)
 * [5年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%bf%bd%e5%8a%a0css%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96width%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95/)
 * お世話になります。
 * <p class=”site-description”>
    ～～～ </p>
 * の中の文章を、
 * パソコンで表示する場合は、width 60%
    タブレットで表示する場合は、width 80％ スマ
   ホで表示する場合は、width 100％
 * の表示にしたいのですが、
    追加CSSのところになんと記述すれば、私のしたいことは
   できますでしょうか？
 * CSSに関しては無知ですみませんが、どなたかお教えいただけないでしょうか。
 * よろしくお願いいたします。

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

 *  [shokun0803](https://ja.wordpress.org/support/users/shokun0803/)
 * (@shokun0803)
 * [5年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%bf%bd%e5%8a%a0css%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96width%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95/#post-11672928)
 * [@mrsmith11](https://ja.wordpress.org/support/users/mrsmith11/) さん、こんにちは。
 * ご質問の内容は基本的はHTMLやCSSの内容に関する質問で、こちらのフォーラムではWordPress
   に関する質問を行う場所になっていますので、残念ながら回答が付きづらい状況です。
   
   初心者の方はHTMLもCSSもWordPressも同じものかと考えてしまいがちですが、WordPress
   で使われている技術であってもWordPressの問題ではないので、分けて考えてみましょう。
 * HTMLやCSSの質問ができる他のフォーラムをあまりよく知らないので、参考までにレスポンシブ
   の基礎を教えてくれているサイトをご紹介しておきます。
    [https://pc.user-infomation.com/web-product_responsive/re_01.htm](https://pc.user-infomation.com/web-product_responsive/re_01.htm)
   このサイトが適切かどうかも個人的にググっただけですので、参考程度にお考え下さい。
 * 基礎技術は学んでも損はありません、是非HTMLやCSSの基礎も学んでみてください。
    
   ご参考になれば。
 *  トピック投稿者 [mrsmith11](https://ja.wordpress.org/support/users/mrsmith11/)
 * (@mrsmith11)
 * [5年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%bf%bd%e5%8a%a0css%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96width%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95/#post-11673220)
 * ありがとうございます。
 * こちらは、メディアクエリで解決済みです。

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

 トピック「追加CSSでレスポンシブwidthの設定方法」には新たに返信することはできません。

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2件の返信
 * 2人の参加者
 * 最後の返信者: [mrsmith11](https://ja.wordpress.org/support/users/mrsmith11/)
 * 最後の活動: [5年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%bf%bd%e5%8a%a0css%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96width%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95/#post-11673220)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック