回答編集履歴

 

 

  簡単に確認するには、デベロッパーツールを表示させて、ページの内容との境界線をドラッグすれば、ウィンドウサイズを変えずにページの横幅を短くできます。実際、提示されたHTMLとCSSのページで、この方法で`@media screen and (max-width: 480px)`の部分が反映されることを確認済みです。