web-dev-qa-db-ja.com

なぜ「レスポンシブ」ウェブデザインを考慮すべきではないのですか?

これはプログラミングの問題というよりはグラフィックデザインの問題のように思えるかもしれませんが、実際のグラフィックデザインよりも技術的/プログラミング上のメリットがあると思います。

「レスポンシブ」ウェブデザイン の概念は、CSS3でメディアクエリを使用して表示デバイスのサイズを検出し、それに応じてCSSルールを調整することを中心に展開しています-基本的には動的CSSです。これにより、多くの展開ケース、特にモバイルの空白が埋められます。

メディアクエリの使用はゆっくりと浮上しているように見えます(多くの人はそれについてあまり知らないことがわかりました)が、採用が遅い理由があるのか​​どうか疑問に思っています。 Webアプリケーションには非現実的ですか?基本的な落とし穴になるかもしれない、私が見逃しているものはありますか?

9
Nic

実際に機能させるには、フープを飛び越える必要があります。私が開発しているサイトでは、@media (max-width:800px)を使用して、電話やその他の小さな画面のスタイルシートを定義しました。しかし、それは例えばによって使用されていませんでした。 iPhone。

電話ブラウザの開発者は、人々が小さな画面を考慮に入れないと想定しているため、追加のメタタグを付けない限り、レンダリングエンジンに嘘をついていることがわかりました(たとえば、iPhoneは900px以上の幅があると主張しています)うそをつく。ブラウザの実装者と戦っているところまで来ると、努力する価値があるかどうか疑問に思い始めます。

9
Peter Taylor

私は皆のために話すことはできませんが、私自身の経験から、時間とお金が決定的な要素になっています。同僚と私は常に最新のものを探していますが、さまざまなサイズのデバイス用にさまざまなレイアウトを設計および実装することは大きな問題です。特に私の3歳のノキア5800では、すべてのWebサイトが正常に表示されていることを考えると、サイドバーのコンテンツを取得するにはスクロールする必要があります。中小企業や自営業者向けのウェブサイトを設計、実装しています。

有効である可能性があるもう1つの理由は、モバイルバージョン用に完全に別のWebサイトを提供し、独自の個別のサイトマップ( http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer = 34648 )は、サイトを維持するための簡単でエントリーレベルの方法です。

4
Pelshoff

データを確実に回復することが保証できれば、問題はありません。

しかし、誰かがデスクトップコンピュータのウィンドウブラウザにWebページをロードすると想像してみてください。フルスクリーンですべてを読むように強制しますか、それともサイズを縮小したウィンドウに合わせて、最大化すると多くの空白スペースが表示されますか?ページの読み込み時にCSSを1回提供します。

電話を回転させると横向き/縦向きモードを切り替える電話ブラウザはどうですか?単に解像度が小さすぎて、通常はズームインを使用しているブラウザについてはどうでしょうか。すでに報告されているように、解像度が小さすぎてページが読めなくなっています。

適切なユニバーサルでスケーラブルなCSSを作成するという標準的なガイドラインに従って、ブラウザに適切な解像度へのページのスケーリングを処理させます。

2
SF.