[ko-chan]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】11.7.6
【お使いのブラウザ】クローム
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

お引越しなら伊藤商会

rinsou.ito-sougi.com

===

下記写真のように、CSSを追加してスマホ表示にした時の画像のサイズを変えたいのですが、写真のサイズは変更できるのですが、文字の部分が変わりません。

アドバイス頂けたらと思います。

♥ 0

いいねをした人: 居ません

[Olein_jp]

@media ( max-width:670px ) {

}

だけでは何も変わりませんね。この中に何かしらCSSを記述する必要があります。

例えば、

@media ( max-width:670px ) {
  body {
    background-color: red;
  }
}

こう記述することで、ブラウザ幅が670px以下の場合に、bodyタグにbackground-colorが適応されます。言い換えると、ブラウザ幅が671px以上であれば動作しません。

ですので、メディアクエリの中に任意のCSSを記述してください。

こちらの記事も参照になるかもしれませんね。

メディアクエリの使用

メディアクエリは、一般的な端末の種類 (プリンタと画面など)や特定の特性 (画面の解像度やブラウザーのビューポートの幅など) に応じてサイトやアプリを変更したいときに…

developer.mozilla.org

CSSでメディアクエリ(Media Queries)の基本的な書き方、記述の意味を理解し、「何となく使う」を卒業する。 | WEMO

今回は、レスポンシブで絶対にお世話になるCSSの メディアクエリ（Media Queries）について。基本的な書き方や記述の意味についてまとめていきます。なんとなく @medeia s…

wemo.tech

♥ 0

いいねをした人: 居ません

[ko-chan]

字足らずで申し訳ありません。

色々メディアクエリの中に記述して試したのですがダメだったという意味でした。

どうやら文字のブロックが邪魔をしていたようです。
削除してやり直したら普通に表示できました。

ただ、CSSで解決できてないのは課題なので、添付していただいた文章をよく読ませて
頂きます！ありがとうございました！

♥ 1

いいねをした人: 居ません

[投稿者]

投稿