魅せる!iPhoneサイト
.htaccessでの振り分け
「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。
.htaccessファイルの作成
Dreamweaverやメモ帳などなんでもいいのでテキストで作成。
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|iPad|Android) RewriteRule ^$ /sp/ [R] </IfModule>
最後の行も改行すること。
ファイル名を「.htaccess」で「○○/index.html」と同じフォルダに保存。
Dreamweaverでファイル表示
.○○のファイルは非表示なので、表示させる。
ファイルのパネルの右上のメニュー→[表示]→[非表示ファイルの表示]
ロリポップサーバーを使う場合のパーミッション設定
.htaccessをアップロードしたあと、ロリポップ指定のパーミッションの数値を変更。
Dreamweaberでは、リモートサーバーを表示し.htaccessを右クリック→[権限の設定]→数値を「604」に設定。
忍者では
.htaccessを使うことはできない。
作例4
要素幅より長いテキストを...で省略
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;