2012年6月20日のブックマーク (3件)

  • Viewport [iPhone生活]

    *device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ(サイズ) HTMLに設置したコンテンツのサイズ ドキュメント(サイズ) 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ

    hurry220
    hurry220 2012/06/20
  • [WordPress] ユーザーエージェントにてPCサイトとスマートフォンサイトを分岐させる | 三日坊主 ~とつの情報箱~

    WordPressにてjQuery Mobileに対応させた手順をメモ。 手順1.ユーザーエージェントにてPCサイトとスマートフォンサイトを分岐させる。 index.php,page.php,single.phpなどのテンプレートを下記のように変更。 (参考サイト) jQuery Mobileを利用したスマートフォンサイト作成手順 <?php //スマートフォンユーザーエージェントの場合はスマートフォンサイトにリダイレクト if (preg_match('/(iPhone)|(iPod)|(BlackBerry)|(Windows Phone)|(Symbian)|(Android)/', $_SERVER['HTTP_USER_AGENT'])) { $MOBILE_ID = '1'; } //モバイルユーザーエージェントの場合はモバイルサイトにリダイレクト else if (preg

    hurry220
    hurry220 2012/06/20
  • .htaccessでPCサイトとスマートフォンサイト切り替え

    .htaccessでスマートフォンサイトへリダイレクト jQuerymobileでサイトを作って公開したら、スマートフォンサイトでPCサイトにアクセスしてきたら PC版サイトのフォルダ直下に以下のコードを.htaccessとして設置します。 ここではhttp://smp.example.com/をスマートフォンサイトURLと仮定して、 スマートフォンがPCサイトへアクセスしてきた場合、スマートフォン版のURLへリダイレクトする方法です。 RewriteEngine On RewriteCond %{REQUEST_URI} !^smp.*$ RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android|BlackBerry|Windows.Phone) [NC] #ipadPC版に。 RewriteCond %{HTTP_USER_AGENT}

    .htaccessでPCサイトとスマートフォンサイト切り替え
    hurry220
    hurry220 2012/06/20