0

nokia 向けのレスポンシブ サイト開発に関する yiibu のスライドショーを読み終えたところですが、その大きなポイントの 1 つは、最初にモバイルに焦点を当て、次にデスクトップやその他の大規模で高速なプラットフォームに焦点を当てることです。( http://www.slideshare.net/yiibu/pragmatic-responsive-design ) 計画段階だけでなく、メディアクエリが適用されていない最初のスタイルがデザインになるという意味で、文字通りレスポンシブデザインを開発します最小限の機能を備えた最小のプラットフォーム向け。(視聴者によっては、古い携帯電話) これは、私が当初考えていたこと (そして、私が見てきたことから、他の人も通常行っていること) とは逆です。

これは、最初に最小限のデバイスに必要なスクリプトと画像のみをダウンロードし、その後、サイズと予測に応じて、さらに多くをロードすることにより、帯域幅の低いモバイル デバイスを使用するユーザーが追加のスクリプトや大きな画像をダウンロードするのを防ぐためです。最終的には、最大のデバイス (ラップトップおよびデスクトップ コンピューター) に最大の負担がかかります。--- これは、デスクトップ向けに設計し、メディア クエリを追加してモバイル デバイス向けに最適化するという、私が行ってきたこととは対照的です。

私の質問は、モバイル デバイスで使用されない大きな画像をダウンロードする負担を避けるために、最初にモバイル用に設計し、次にメディア クエリを追加して、より多くの機能を備えた大型デバイス用に最適化する必要があるかということです。

.....または、別のスタイルシートを使用してモバイル スタイルシートを呼び出してから、より大きなブラウザー/デバイスに焦点を当てたスタイルシートを呼び出すことはできますか?

4

1 に答える 1

1

The order of who you call first or not, shouldn't matter. The media queries by themselves are a bunch of if-else based on the criteria you place in them (device, orientation, width, etc). So by adding them first or last won't mean that a mobile phone will consider a style sheet for a desktop browser (example).

What you should do though, is to have the base stuff that is consistent across ALL devices (such as typography, font-sizes, background colors of elements, text color) on a base stylesheet that is readable to all devices.

This makes the actual reading of the file smaller as a specific stylesheet will be made for margins, paddings and widths depending on the actual size of the screen.

Last but not least, as to whether you should design the experience for mobile first or not, it's up to you, your way of working and what not. I know I don't. I design for desktop first and work my way down. I much prefer this.

于 2012-12-05T18:52:34.580 に答える