スマホ対応。

今日も子供達の相手をしながら、HPのスマホ対応を進めていました。

ページを作るのに役立ちそうなページを備忘録的に保存。（随時追加）

・　1時間で携帯サイトをスマートフォン対応にする方法

1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

初めての投稿となります。エンジニアのmatsuです。携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。現在、スマートフォン向けサイトを新規...

labs.gree.jp

・　作って学ぶスマートフォン対応サイトの基本

作って学ぶスマートフォン対応サイトの基本 (1/4)

iPhone/Android向けの簡単なWebページを作りながら、スマートフォンサイトの基本と制作環境を学ぼう。シミュレーターのインストール方法も詳しく解説。

ascii.jp

・　スマートフォン向けに小さく表示されたサイトを調整する方法。　　→　meta要素でViewportを変更。

★　meta要素はhead要素内に記述　★
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=3″> </head>