safari3が相対サイズ指定時のフォントが大きい事に対応するため、先ず、Macにのみ専用cssが追加されるようにしました。
Mac用cssはオーバーライドで実装
私のコーディングの癖でもあるのですが、Mac用cssはオーバーライドで実装するのが好きです。
windows用と完全に分けてしまうのではなく、windows用(共通用)を読み込んだ後に、Mac用を追加で読み込み、上書する方法です。
テーマレベルで実装
他のテーマ(スキン)に影響を及ぼさないためにもテーマレベルで実装する事にしました。
header.phpの</head>直前に以下を追加
<?php $agent = $_SERVER['HTTP_USER_AGENT']; ?>
<?php if (ereg(”Mac”,$agent)) : ?>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(’template_directory’); ?>/style-mac.css” />
<?php endif; ?>
ガサツな気もしますが、とりあえずよし。
これで、Macの場合のみstyle-mac.cssが追加で読み込まれます。
safari3指定はcssレベルで
トラックバック URL :