が min-width を定義しているレイアウトをデザインしたいのですが、安全ですか?
@media (max-width) を使用して、異なるデバイスで異なる , min-width を定義できますか?
私は最新のブラウザ、Chrome、Fire Fox、Safari、Windows 8 IE - コンピュータ、テーブル、スマートフォン (Android、iOS) に焦点を当てています。
別のモバイル サイトを提供していますか、それとも既存のデスクトップ バージョンをメディア クエリでスタイリングしていますか? 前者の場合、Chrome インスペクタを使用して、最も一般的な Android フォンをエミュレートするようにユーザー エージェントを設定します。後者の場合、ディスプレイの最大幅および/またはデバイスとピクセルの比率を使用します。モバイル ディスプレイに適切なブレークポイントを設定することが不可欠です。そうしないと、レイアウトが崩れます。
適切な出発点を得るために、CSS のトリックを参照してください。