タグ

HTML5とRetina対応に関するk_ume75のブックマーク (1)

  • WebページをRetina対応させるテクニック~実践編

    WebページをRetina対応させるテクニック~実践編:jQuery×HTMLCSS3を真面目に勉強(5)(1/3 ページ) 前回のWebにおけるピクセルの基的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回(WebページをRetina対応させるテクニック~基礎知識編)はWebにおけるピクセルの基的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2

    WebページをRetina対応させるテクニック~実践編
  • 1