シリウスで反映されるレスポンシブウェブデザイン構造は　操作画面
サイトオプションで16ｐｘを指定していた場合

 

iPhoneサイトで確認してみれば　自動縮小で小さなフォントサイズ
で　人によりけりですが読みずらいとなります

 

---

 

シリウス機能では　iPhoneサイト設定もできますが
そちらでもデフォルトでは11ｐｘに指定されております

 

フォントサイズ変更は　iPhone用スタイルシートで可能です

 

---

 

フォントサイズは　シリウス機能で16pxを指定していた場合　
iPhoneサイト　スマートフォンでは自動で縮小されてしまいます
見やすくするための対応は？

 

当サイトで公開しているデフォルトのレスポンシブ化CSSには

 

フォントサイズをiPhoneサイト　スマートフォンで指定する記述コードは
含まれておりません

 

最初から置いておりますと　あれこれと悩まれることが多くなるのではと
理解し省いておりますが

 

ある程度　レスポンシブウェブというものが理解できましたなら

 

ここで追加行を配置しますのでコピーしてお使いください　

 

 

スポンサーリンク

 

 

 

---

 

 

スタイルシートシート内にあるCSSより
bodyをコピーして　一行のみ改行します

 

 

メディアクエリのすぐ直下に配置ください

 

こんな感じ！
@media(max-width:670px){

 

原本

 

ここから
body {
margin: 0px;
padding: 0px;
text-align: center;
color: #333333;
font-size: 0.9em;　変更箇所
line-height: 140%;
background-color: #F5F5F5;
<% backgroundImage %>
<% backgroundDisplay %>
<% backgroundColor %>
<% bodyFontSize %>
}
ここまで

 

 

 

説明します

 

以下記述が　シリウスサイトオプションで指定されたフォントサイズを
読み込んでいます

 

font-size: 0.9em;

 

 

スマートフォンサイトでは自動縮小されますが　指定を
解除し　見やすいサイズにする際は

 

例
font-size: 12px;

 

に書き換えます

 

15px;でもOK

 

書き換え後アップロードしてスマートフォンサイズの端末で
変更は確認できるので　合わなければ再度書き換え....

 

soredakedesu

 

 

後は自分調整で願います

 

 

レスポンシブウェブデザイン構造でのフォントサイズ指定
SIRIUS　シリウスレスポンシブデザインテンプレート公開
シリウスカスタマイズ