(2011.02.25)iPhoneサイト向けCSSサンプル(CSS3)使いまわしがききそうなものをまとめた個人的なサンプルです。break-all;URLなどの文字列の強制改行。句読点なども先頭にくるため要検討。-webkit-touch-callout:none;長押しした際のとび先URL非表示。画像リンクをタップした際のハイライトがおかしくなる。-webkit-tap-highlight-color:rgba(255,255,0,0.4);リンクをタッチした際のカラー。-webkit-text-size-adjust:none;横画面にした際フォントサイズの自動調整を無効。※フォントサイズを%指定している場合。;}テキストとフォームの位置を揃える。等試したがbaselineが一番揃ってるように見える。画像をきれいに見せる※2倍にした分もちろん容量は大きくなるのでボタンなど汎用的なものは可能な限りスタイルシートで作成。2倍サイズで作成し、background-sizeを半分で指定。png画像を載せたところ透過されない事例が発生。横画面にすると透過された。pngもしくはgifで指定すると問題なく表示された。このOSのバージョンのみで発生し、OS4.2.1の3Gでは問題なく透過され、また、条件に全く一致するiPhoneが他になかったため、OSが問題なのかこのiPhone自体の問題なのかは不明。