Twitter

iPhone向けサイトのリセットCSS(暫定版)

iPhone向けのサイトでは、ターゲットとなるブラウザはMobile Safariのみなので、本来は要素のデフォルトスタイルをリセットする必要はありませんが、marginやpaddingなどレイアウトに関するスタイルは最初にリセットしておいた方が調整しやすくなります。

以下、暫定版として自分用にメモしておきます。
html5でのコーディングを前提に、基本的にはPC向けサイトの要素のリセットと同様ですが、Mobile Safariならではのプロパティもあります。

+more read

javascriptによるアクセスの振り分け

javascriptを利用し、アクセスするデバイスに応じてそれぞれのサイトに誘導する方法です。

各デバイス向けに最適化したサイトがある場合、対象ユーザーをそのサイトへと誘導しなければなりません。
このとき、PC向けサイトと同じ方法でアクセスできるように、PC向けサイトのトップページのhead内でユーザーエージェントを判定し、対象デバイスからアクセスしたときに各デバイス用のサイトへ自動的に転送させます。

このjavascriptによる振り分けは容易ですが、javascriptを無効にしているユーザーには対応ができないので注意が必要です。
その際は.htaccessによる振り分けやPHPによる振り分けを検討しましょう。


謹賀新年

あけましておめでとうございます。(遅)
昨年は震災などで大変な年になりましたが、今年は皆さまにとってよりよい年となるようこの場を借りてお祈り申し上げます。
今年もどうぞよろしくお願いいたします。

CopyRight© 2017 2GRAVITY All Rights Reserved. | powered by WordPress

Page top