スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

<head>の説明

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
ビューポートの指定。ズーム禁止みたいなやつ

<meta name="apple-mobile-web-app-capable" content="yes" /> 
たぶんフルスクリーン

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
ホームのブックマークアイコンから開いたときにツールバーを黒にする指定

<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png" />
ホームのブックマークアイコンにする画像の指定

<link rel="apple-touch-startup-image" href="sp.png" />
ホームのブックマークアイコンから開いたときに表示するスプラッシュ画像の指定

<link media="only screen and (max-device-width:480px)" href="http://blog-imgs-34.fc2.com/p/h/i/philvy/43.css" type="text/css" rel="stylesheet" />
iPhoneからの閲覧に使うCSSの指定

<link media="screen and (min-device-width:481px)" href="<%css_link>" type="text/css" rel="stylesheet" /> 
その他ブラウザからの閲覧に使うCSSの指定

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="<%css_link>" />
<![endif]-->
Internet Explorerからの閲覧に使うCSSの指定

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="lightbox.js"></script>
Lightboxに使うファイルの指定


こんな感じで最適化させています。よかったら真似してみてください。

コメント

非公開コメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。