[15] 基本的な携帯電話のブラウザは JavaScript やメディアクエリを理解していないので、スマートフォンで複雑でイメージの多いサイトを動作させるために優雅な劣化に頼るのではなく、基本的な Web サイトを作成してスマートフォンや PC 用に強化することをお勧めします。

彼は、単純なRWDアプローチと比較して、デバイスエクスペリエンスまたはRESS(サーバーサイドコンポーネントを使用したレスポンシブウェブデザイン)アプローチは、モバイルデバイス用により最適化されたユーザーエクスペリエンスを提供できることを示唆しています。Sass や Incentivated の MML のようなスタイルシート言語のサーバー側の 「動的 CSS」実装は、使いやすさを向上させるためにデバイス機能データベースと連動してデバイス (通常はモバイルハンドセット) の違いを処理するサーバーベースの API にアクセスすることで、このようなアプローチの一部となり得ます。RESSは開発コストが高く、クライアント側のロジック以上のものが必要なため、予算が大きい組織のために予約される傾向がある。Googleは、他のアプローチよりもスマートフォンのウェブサイトにレスポンシブデザインを推奨しています。[30]

基本的なコンテンツは、すべてのWebブラウザにアクセスできる必要があります。
基本的な機能は、すべてのWebブラウザにアクセスできる必要があります。
スパース、セマンティック マークアップには、すべてのコンテンツが含まれています。
拡張レイアウトは、外部リンクCSSによって提供され、
拡張された動作は、控えめな、外部リンクされたJavaScriptによって提供されます
エンドユーザーの Web ブラウザの設定が尊重されます。

ブラウザの機能が制限されている場合、ブラウザでレイアウトが動的に調整されるのに対し、Netscapeの場合はサイズを変更したときにページをサーバーから再ロードする必要がありました。

これらのフレームワークのほとんどには、少なくとも 1 つのグリッドが含まれています。より機能的なフレームワークには、より多くの機能と追加のJavaScriptベースの機能も付属していますが、主にデザイン指向で控えめです。これは、
これらは、機能的かつ完全な JavaScript フレームワークから行われます。

RWD[14] で設計されたサイトは、流動的なプロポーションベースのグリッド、柔軟な画像、CSS3 メディアクエリ(@mediaルールの拡張)を使用して、レイアウトを表示環境に適応させます。
流動グリッドの概念では、ページ要素のサイズをピクセルやポイントなどの絶対単位ではなく、パーセントなどの相対的な単位に設定する必要があります。[64],
また、フレキシブルイメージは、含まれている要素の外側に表示されないように、相対的な単位でサイズ設定されます。< -- ニュース.コンテンツ、