PCとiPhoneで使用するCSSを分ける。
HTML Headに下記記入でいけた。
<!-- PC 用 -->
<link rel="stylesheet" href="./css/style.css" medis="all">
<!-- iPhone 用 -->
<link rel="stylesheet" href="./css/istyle.css" media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)">
----------------------------------------------------------------
iPhone用は下記フォントがきれい
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
----------------------------------------------------------------
ボーダーの角を丸くする
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
behavior:url(border-radius.htc);/* IE用 */
border-radius で可能
特定の角だけ丸くする場合は下記
border-top-left-radius: 20px; /* 左上 */
border-top-right-radius: 20px; /* 右上 */
border-bottom-left-radius: 20px; /* 左下 */
border-bottom-right-radius: 20px; /* 右下 */
----------------------------------------------------------------
ゲームボーイっぽい背景色
background-color:rgb(154,166,152);
----------------------------------------------------------------
だよ!もみちゃんわかった!!?
はいはい、わかったわかった。