android - CSSを使用してWebViewでHTMLページのスタイルを設定する

Question

Androidフォンで表示できるようにCSSを使用してHTMLページのスタイルを設定するためのチュートリアルを探しています。CSSは、サイズと表示機能の点ですべてのタイプのデバイスを組み込む必要があるようなものである必要があります。

Answer 1

Webページを画面解像度に適合させるには、レスポンシブデザインの概念を検討する必要があります。レスポンシブWebページは、CSS3メディアクエリを使用して実行できます。

レスポンシブデザインとCSS3メディアクエリに関するリソースをいくつか紹介します。

レスポンシブデザイン：

• http://www.alistapart.com/articles/sensitive-web-design/
• http://mobile.smashingmagazine.com/2011/07/22/response-web-design-techniques-tools-and-design-strategies/

メディアクエリ：

• https://developer.mozilla.org/en/CSS/Media_queries/
• http://css-tricks.com/css-media-queries/

クロスブラウザのサポート：

残念ながら、古いブラウザはレスポンシブデザインに必要なメディアクエリをサポートしていません。そのため、たとえばIE8をサポートする必要がある場合は、JavaScriptを使用して、ネイティブサポートがないブラウザでIE8を有効にする必要があります。私がそれを使用したときに非常に有用であることがわかったrespond.jsを見てください。

Answer 2

CSSメディアクエリを調べる必要があります。