blog｜解像度に依存しないモバイルユーザーインターフェース(2010/08/24) | Ext Japan Blog

この記事は8/23に掲載された「Resolution Independent Mobile UI」を訳したものです …または… ピクセルはピクセルじゃないんです。 「SASSとCSS3のメリット（the benefits of SASS and CSS3）」（英語、未訳）という記事の中で、解像度に依存しないユーザーインターフェースを実現するためにSencha Touch内で活用しているテクニックについて簡単に解説しました。今回の記事では、読者がUI開発を行う際に役に立つように、そのテクニックについてもう少し詳しく解説してみたいと思います。 概要 この記事はアダプティブなレイアウトや、レスポンスの良いWebデザインについてのものではありません。この記事は、デザイナーにとって比較的新しい関心事となった、「ピクセル密度」に注目したものです。モバイル環境において、画面の解像度は急速に進化しています

[nitoyon]

解像度によって柔軟にフォントサイズを変えるための工夫。em でのサイズ指定、SVG、body へのクラス指定でベースのフォントサイズを指定、メディアクエリー resolution への期待、-webkit-min-device-pixel-ratio。

[yuchi]

これ紹介しておくか。

[blanc2005]

IE対応がますます面倒に思えてくる

[ryownet]

画像をCSSでwidth/height変える

[gonta02]

解像度に依存しないモバイルユーザーインターフェース

[umiyosh]

見てる:

[field_combat]

端末によって「ピクセル密度」が違うよねって話。サイズ指定はemで！