私はインターネット上で答えを探してみましたが、うまくいきませんでした。垂直になっているときにli要素が画面上で小さくなるモバイルに応答するようにしたいと考えています。これは私のコードですが、スタイルシートへのリンクを入れて見出しセクションにメタ・ビューポート部分を配置しました。ここでサイトをモバイルレスポンスにするにはどうすればよいですか?
@media only screen and (max-width: 400px) {
.list {
width: 30px; height: 20px;
}
}
コードは正常に動作します。覗いてみてください(ウィンドウを縮小すると、赤い背景がフルで30ピクセル幅になります):https://jsfiddle.net/0tz6udt0/ – ceejayoz