Home > MovableType | iPhone | mobile > 携帯テンプレートをiphoneで見る

携帯テンプレートをiphoneで見る

携帯用のテンプレート

http://weblabaccess.com/movabletype/post-8.html

をiPhoneで見てみると

もぐら屋キャプチャ1

かなり見づらい表示になってしまいました。

そのため、

モバイル用CSSに記載している

#main-box {
width:240px;
margin:0px auto;
text-algin:left;
}

の赤い部分で指定している横幅の設定を削除することで

mogura1.jpg

比較的見やすくなります。

元々携帯用に画像などを小さくして容量も抑えてあるので
iPhoneには適しているのではないかとおもいます。

 

もぐらキャプチャ2

コメント欄にて
bzbellさんからも
>携帯( SoftBank 921SH )から閲覧したかんじを以下にレビューします。

>・横幅を固定しない方がいいかも

とあるので、横幅を固定しない方向へ行きたいとおもいます。

 

rss
Profil
カテゴリ
おすすめ書籍
Movable Type プロフェッショナル・スタイル MT4.1対応
CSS Nite 上ノ郷谷 太一 蒲生 トシヒロ
4839927537
Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応 (Web Designing BOOKS―Webプロフェッショナルのための黄金則)
エ・ビスコム・テック・ラボ
4839927561
Movable Type WEBデザインの新しいルール
荒木 勇次郎 松永 英明
4798112461
最近の記事
らんちゅう屋
sayo

page top