ファンクション
//モバイル分岐 タブレット含まず
function is_mobile(){
$useragents = array(
'iPhone', // iPhone
'iPod', // iPod touch
'Android.*Mobile', // 1.5+ Android *** Only mobile
'Windows.*Phone', // *** Windows Phone
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
//モバイル分岐 タブレット含む
function is_mobile() {
$useragents = array(
'iPhone', // iPhone
'iPod', // iPod touch
'Android', // 1.5+ Android
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
ヘッダー
<?php if (is_mobile()) : ?>
<link href="/css/mobile.css" rel="stylesheet" type="text/css" />
<?php else: ?>
<?php endif; ?>
moble.css
@charset "UTF-8";
/* CSS Document */
/*font-size:100%は親要素mに依存
最も親か??
いや直上の指定してある親だ
なにも親がしていしていなければ
ボディー
ボディーもしていなければ
ブラウザ依存
*/
.blog_con{ font-size:120%!important}
.blog_titel_min{font-size:100%!important}
body{ font-size:16px;}
/*.top_titel,*/
/*.top_sub_titel,*/
/*.top_sub_span,*/
.color_blue,
.top_box p,
.top_con p,
.top_p,
.jirei_sub_title
{font-size:150%!important}
.set_day_all{font-size:150%!important}
.set_day{ width:auto; margin-right:30px;}
.jirei_disp_con{ font-size:100%!important}
body #wp_page_numbers li a{ font-size:300%!important;
padding:30px!important;}
直で埋め込んであった改行削除コード
<?php if (is_mobile()) : ?>
<style type="text/css">
.smap br { display:none;
}
</style>
<?php else: ?><?php endif; ?>
事例ページなどをpで最適化し
pを150%などにした。
基本csss
/*モバイル用
文字が大きくならない*/
body div{
max-height: 100%; }