May 4, 2010

iphone用にサイトを改造

iPhoneの小さな画面でも、比較的ましな表示となるよう、
好試力研究所のホームページと
遺言預かり所を改造した。

一日かかってしまう。

技術ポイントは、 httpリクエストヘッダーの USER AGENT を見て
iPhoneかどうかを判定する。

iPhoneのときは、アイコン、 専用css viewportの設定 html/head に追加をする。

こんな感じ

echo "<link rel=\"apple-touch-icon\" href=\"lwk2.png\">\n";
echo "<link rel=\"stylesheet\" href=\"smartphone.css\">\n";
echo "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n";

先駆者のみなさんの説明サイトが多数ありとても判りやすかった。
感謝 !


No comments:

Post a Comment