0

が min-width を定義しているレイアウトをデザインしたいのですが、安全ですか?

@media (max-width) を使用して、異なるデバイスで異なる , min-width を定義できますか?

私は最新のブラウザ、Chrome、Fire Fox、Safari、Windows 8 IE - コンピュータ、テーブル、スマートフォン (Android、iOS) に焦点を当てています。

4

2 に答える 2

1

別のモバイル サイトを提供していますか、それとも既存のデスクトップ バージョンをメディア クエリでスタイリングしていますか? 前者の場合、Chrome インスペクタを使用して、最も一般的な Android フォンをエミュレートするようにユーザー エージェントを設定します。後者の場合、ディスプレイの最大幅および/またはデバイスとピクセルの比率を使用します。モバイル ディスプレイに適切なブレークポイントを設定することが不可欠です。そうしないと、レイアウトが崩れます。

適切な出発点を得るために、CSS のトリックを参照してください。

于 2013-06-25T09:22:05.247 に答える