解像度の高い画像を1枚用意し、Retina Effect With jQueryを使ってその画像の一部を虫眼鏡で拡大表示する方法をご紹介します。 画像の一部を虫眼鏡で拡大表示するCSSの記述例 ※虫眼鏡で拡大表示する画像エリアを設定します。必要に応じて変更して下さい。 <style type="text/css" media="all"> <!-- body{ margin:0; padding:0; } h1{ text-align:center; font-size:18px; font-weight:bold; padding:10px 0; line-height:1.4em; text-align:center; } .clWrap{ width:750px; margin:0 auto; } #iphone{ /* The iphone frame div */ width:4
