私はレスポンシブ デザインの初心者です。顧客から、複数の画面のサポートと複数のデバイスのサポートに対応するレスポンシブ デザインを実装するように依頼されました。
レスポンシブ デザインについていくつか疑問があります。
ご意見をお聞かせください。
ありがとう。
最新のブラウザーはすべて、ほとんどの HTML5 機能をサポートしていると思います。しかし、レスポンシブ デザインのために行っていることのほとんどは CSS で行われています。そのため、使用している CSS 標準をブラウザーがサポートしているかどうかが問題になります。caniuse.comなどのサイトは、ブラウザーの互換性に非常に役立ちます。
レスポンシブ レイアウトを初めて使用する場合は、Twitter BootstrapやZurb Foundationsなどが非常に役立つことがわかります。それらはレスポンシブになるように設計されているだけでなく、一般的に習得が非常に簡単で、Web サイトを作成するときに役立つ他の多くの機能が搭載されています。
Twitter Bootstrap は、Foundation よりも一般的に使用されています。CSS は SASS を使用して構築されているため、Foundations は優れています。したがって、CSS で変数などを使用できます。開発を少し効率的にします。Bootstrap は、LESS を基にした CSS をベースにしています。
すべてのブラウザーが HTML5 レスポンシブ デザインをサポートしていますか?
ans: WEBKIT ブラウザのほとんどは、レスポンシブ デザインを完全にサポートしています。webkit以外もレスポンシブに対応。
従来の設計に比べて時間がかかりますか？ans:初めてのデザインの場合はもっと時間がかかります。
レスポンシブ デザインを実現するには、別の css ファイルが必要ですか? 回答:レスポンシブ フレームワークなしでレスポンシブ サイトを作成する場合は、別の CSS を作成する必要があります。
レスポンシブ フレームワークを使用することをお勧めします。時間を大幅に節約できます。
TWITTER BOOTSTRAP http://twitter.github.io/bootstrap/、boilerPlate http://html5boilerplate.com/、foundation http://foundation.zurb.com/は、レスポンシブ 向けの優れたフレームワークです。
はい、すべてのブラウザーが HTML5 レスポンシブ デザインをサポートしていますか?
メディア クエリを使用します。開始するには、次のリンクを確認してください。はい、もっと時間がかかります。