0

スマホサイトは基本320px(横)で作成

Posted by admin on 2013年2月28日 in スマートフォンサイト |
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

スマートフォン関連の本を読むと、サンプルはみんな横幅320pxで作ってあります。

そして、綺麗に見せたい画像は大きめのサイズのを用意して
編集の段階でサイズ縮小して、320px内に納まるように入れます。

デフォルトのViewportサイズは980pxなのに
何故スマホサイトを320pxで作るのが分からなかったのですが・・・
(例えば480pxで作成すると右側にはみ出してしまいます)

「Phone 3GS では320px、iPhone 4 では640pxになるはずだが、
実際にはブラウザ内部で処理され、iPhone 4でも320px相当として表示される仕組み」
http://www.mdn.co.jp/di/articles/2434/?page=8

とのことで、320pxで作る意味が分かりました。

 

☆スマホサイトは320pxで作成し、「width=device-width」とするのが見やすい。

例えば、こんなふうに↓
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”>

☆デザインは横640pxでするのが理想的

 

 


コメントを残す

Copyright © 2011-2019 YuminのWordPress All rights reserved.
This site is using the Desk Mess Mirrored theme, v2.5, from BuyNowShop.com.