現時点では@media screen and (max-width: 991px)
、ブラウザのサイズを変更して簡単にテストできるように、を使用して Web サイトを開発しています。しかし、ウェブサイトが完成したら、すべてを に置き換えますmax-device-width
。
これを行う主な理由は、固定幅の Web サイトの場合と同じように、ユーザーがブラウザーのサイズを変更できるようにするためです。2 つの Web サイト ページを比較したいとします。2 つのウィンドウを並べて開き、必要なコンテンツのみを表示するようにサイズ変更/スクロールします。すべてのメディア クエリが 1 つをモバイル幅の Web サイトに変換し始めた場合、これを行うのは本当に面倒で不可能です。
また、 http://css-tricks.com/snippets/css/media-queries-for-standard-devices/で両方が混在していることに気付きました。
だから私の質問は、これがtwitterのブートストラップに問題を引き起こすのでしょうか?