このエントリーをはてなブックマークに追加

iphone ではプラグインを使用せず、PCと同じページを見せたい時の調整

文字サイズの自動調整をさせない→bodyに
-webkit-text-size-adjust: none;

部分的にCSSを調整→
@media screen and (max-device-width: 480px) {
#xxxx {
xxxx: xxxx;
}
}

iphone を判定して分岐をつける

<?php $isiPhone = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone'); ?>
<?php if(isiPhone): ?>
~
<?php endif; ?>

2011.11.14 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles