レスポンシブ化の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