on:2010年11月19日sponsorsiPhoneなどのモバイルデバイスを対象とした、スタイルを初期化するCSSのフレームワークを紹介します。1もあります)[ad#ad-2]下記は各ポイントを意訳したものです。Resetの指針このフレームワークは下記を指針として、現在もプロジェクトとして進行中のものです。必要なHTML要素のみリセットすること。必要なHTML要素のみを用意すること。良いタイポグラフィを提供すること。軽量にすることモバイルデバイスでのインターネット接続はスピードが遅く、そして高価です。そのため、CSSファイルをより軽量にし、速いダウンロードを提供することが良いユーザエクスペリエンスを提供することになります。必要なHTML要素のみリセットすること全てのHTML要素をリセットすることがスマートであるとは思いません。最低限必要な要素のみに絞って、リセットするのが良いでしょう。必要なHTML要素のみを用意することいくつかのHTML要素をリセットした上で、モバイル用に最適化した設定をすることは良いことです。画像のサイズはモバイルのスクリーンより大きくないようにします、また一行がスクリーンを超えてしまうようであれば、収まるようにします。良いタイポグラフィを提供することズーム機能無しでも読みやすいように、大きいフォントサイズを提案します。デフォルトで16pxでしょうか。それを変更することを遠慮しないでください。Resetのスタイルシート上記の指針をふまえて、現状は下記のようになります。CSS※日本語環境の場合は「font-family」など適切に変更してください。Queriesを併用することで、さらに実用的なものになります。Queriesについては、当サイトで以前紹介した下記ページを参考ください。