iPhone4でも画像をキレイに表示する方法

はやち

はやち

iPhoneとiPhone4では解像度が違うらしい、iPhone4では画像を2倍の解像度で表示されてしまい折角のデザインが台無し(・ω・`)
そんな時は画像をあらかじめ2倍の解像度で切り抜き今度はiPhoneでおっきく表示されないようにcssで大きさを指定してあげればできあがり^^

背景画像の場合は

.sumple{
     background: url(./image/bg_image.png) repeat 0 0;
      -webkit-background-size: 91px 84px;
}

で、たぶんできるはずです

iPhon4ってちょっと面倒くさい っ(・ω・`)

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL