信頼はずっと、挑戦はもっと。

お問い合わせ
TEL:03-3496-3888

BLOG コアテックの社員ブログ (毎週月曜~金曜更新中)

2012

27

8月

スマホサイト制作で役立ったもの

テクログ

スマホサイトを制作する上で便利だなと思ったコード
備忘録として記録しておきます。少しでも参考になればと思います。

 

・view port
width=device-width...ウィンドウの横幅をデバイスの横幅(iPhoneの場合は320px)と指定
initial-scale=1 ... 表示倍率の初期値
maximum-scale=1 ... 表示倍率の最大値
user-scalable=no ... ユーザー側の操作で、拡大/縮小を出来るようにするかの可否
 
・iphoneやAndroidのデフォルト設定を無効にする。
-webkit-appearance: none;
・iphoneのみCSSを適用する
/* iphone.css */
@media screen and (max-device-width: 480px) {
 #help_me { color: red;  }
}
スマホサイト制作を行う上で上記を知っておくとなにかと役に立ちそうです。
スマホサイトは今後も伸びていくと思われます。より多くの技術や役に立ちそうなコードがあれば
載せていきたいと思います。

この記事を書いた人

マスオさん

coretech

所 属:
WEBインテグレーション事業部
出身地:
渋谷
仕事内容:
Web制作