質問: ランディングページを作っております。 改行タグをとして、 スマホの時だけ改行をとるというCSSを書いています。 ``` @media only screen and (max-width: 480px) { .hidden-xs { display: none ;} } ``` がしかし、これでスマホの場合(480px以下)は改行がとれて表示されるはずなのですが、 改行がとれずそのまま表示されてしまいます。 【やったこと】 Googleのディベロッパーツールにてスマホの時の幅を確認したところ、 スマホの表示なのにも関わらずPCと同じピクセル幅の表示になっていました。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/35dcbc43208b0eca8aed423c275fd12f.png) 一方でスマホの時にちゃんと改行が取れるレターはディベロッパーツールで見たときの幅が 384pxとスマホの幅で表示されていました。 おそらく上記が原因かと思われるのですが、どのように記述すれば解決できるのか悩んでおります。 もしご存知な方がいらっしゃればご教示いただけますとありがたいです。
回答: viewportは記述されていますか? もう逃げない。HTMLのviewportをちゃんと理解する