私のウェブサイトには、<body>
コンテナmax-width
が 1000px とwidth
100% に設定されているため、100px から 4000px (およびそれ以上) のすべての解像度で問題なく表示されます。レスポンシブです。
クエリを使用@media
して、その Web サイトの要素 (列など) を下に 100% 幅にするように指示します (max-width: 800px
携帯電話の場合)。例:
.column { width: 50%; float: left; }
@media (max-width: 800px){
.column { width: 100%; }
}
私が欲しいのは、1920pxのモニターで携帯電話版のウェブサイトを見ることです。ブラウザ ウィンドウのサイズを 800px 未満に変更せずにこれを実現する方法はありますか?