headerにいれとく
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
スマホだったら（480px以下）だったらmobile.css、ipad（481～900ｐｘ）だったらtablet.cssを読み込む
<link rel="stylesheet" media="screen and (max-width: 900px)" href="<?php echo get_stylesheet_directory_uri(); ?>/css/tablet.css">
<link rel="stylesheet" media="screen and (max-width: 480px)" href="<?php echo get_stylesheet_directory_uri(); ?>/css/mobile.css">
参考サイト http://ruucb.com/blog/2013-12-20/fixed-width-wordpress-theme-responsive/
cssにいれとく
* {
word-break: break-all;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(255,255,0,0.4);
-webkit-text-size-adjust:none;
}
body {
font-size: 15px;
line-height: 1.3;
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
-webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
}
/* ---------------
EXAMPLES FONT-SIZE
------------------
10px = 66.7%
11px = 73.3%
12px = 80%
13px = 86.7%
14px = 93.3%
15px = 100%
16px = 106.7%
17px = 113.3%
18px = 120%
19px = 126.7%
20px = 133.3%
21px = 140%
22px = 146.7%
23px = 153.3%
24px = 160%
25px = 166.7%
26px = 173.3%
--------------- */
参考サイト connecre.com…
