レスポンシブなHTMLページ

Question

HTMLページのソースコードを見ると、このページは応答性が高いと言えるでしょう。 ページが応答性があると言うのに十分な「メディアクエリ」が存在しますか？

Answer 1

レスポンシブデザインのアイデアは、ページが新しいウィンドウ/画面サイズに合わせてコンテンツを調整できるようにすることです。通常、これは質問に記載されているようにMedia Queriesによって行われますが、これはおそらく最も広く使用されているソリューションです。しかし、あなたが行うことができる他のいくつかのことがあります... 流体グリッド - パーセンテージなどの相対的なサイジングで具体的にコード化された内容。 モバイル、タブレット、デスクトップなど、各デバイスにいくつかのウェブサイトを使用し、ユーザーのデバイスと画面のサイズに応じてユーザーをリダイレクトする必要があるかどうかを判断する、古い方法のソリューションがあります。 応答性の高い設計にはおそらく他の方法があります。

回答するには、レスポンシブデザインの個人的な理解に至るまでは、ウェブサイトがレスポンシブデザインであるかどうかを判断するのが難しいでしょう。ウェブ業界は、メディアクエリーと流体グリッドの使用に向けてより多くの時間を費やしています。しかし、それが完了した応答性の高いデザインは、エンドユーザの画面サイズまたはデバイスに適応していることに注意してください。