tetero
@tetero (tetero)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

レスポンシブ化のcssの一部だけが反映されない

やりたいこと

レスポンシブ化

発生している問題

スマホ(アンドロイド)で見たら変更したところが反映されていない。
メディアクエリでレスポンシブのコードを記述した。
ローカルの検証でチェックしたら反映されている。
ec2のコードも変更されている。
でも、スマホでチェックしたら反映されていない。

試したこと

①エックスサーバーとec2にあげて違いがでるか試した。
CSSの若干の違いはあるけど、ローカルのPCの検証のように反映されていない。
②viewportは記述してある。。

は記述してある。

@media screen and (max-width: 355px) {

  .bodyImgs {
    height: 50rem;
  }
  .titleImg {
    width: 17rem;

  table td {
    width: 100%;
    height: 4rem;
  }
}

わかりづらいかもしれませんが、よろしくお願い致します!

0

2Answer

Comments

  1. @tetero

    Questioner

    ありがとうございます!
    まさにここが原因でした!

(max-width: 355px) →(max-width: 480px)
レスポンシブの指定の幅が狭すぎたようです。

0Like

Your answer might help someone💌