タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssと画像に関するsagarayaのブックマーク (2)

  • いまさら聞けないRetina対応のための「ピクセル」の話

    ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです(と考えています)。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i

    いまさら聞けないRetina対応のための「ピクセル」の話
    sagaraya
    sagaraya 2014/09/04
    ややこしいけど、他の解説記事よりわかりやすい。
  • スタイルシート[CSS]/イメージ/画像を切り抜く - TAG index

    初期値は auto(切り抜かない)です。 値の指定方法 rect( ) … ( ) 内に、上、右、下、左の順で4つの値を指定します。それぞれの値は半角スペースで区切って記述します。 CSS 2.1の仕様に従う場合は、半角スペースではなくカンマ( , )で区切る必要があります。(ただし、カンマ区切りはIEでは対応していません) 領域の指定方法 表示される領域を、画像(実際の領域)の上端と左端からの距離で指定します。 rect(上辺の距離 右辺の距離 下辺の距離 左辺の距離) 上辺の距離 … 画像の上端から上辺までの距離を指定 右辺の距離 … 画像の左端から右辺までの距離を指定 下辺の距離 … 画像の上端から下辺までの距離を指定 左辺の距離 … 画像の左端から左辺までの距離を指定 例えば次のように指定されている場合は、表示される領域の大きさは 400px×250px になります。 rect(5

    スタイルシート[CSS]/イメージ/画像を切り抜く - TAG index
    sagaraya
    sagaraya 2012/05/19
    画像の切り抜きに使えるcssのclip、知らなかった。
  • 1