A few years ago, Apple launched a series of products that is now the gold standard of tablet computers. Between the basic iPad, the iPad Mini, and the iPad Air — there’s something for everyone in their lineup. However, the iPad Pro is, by…
難しくはないが、 今後、実務的にも必要になってきそうなので、簡単に調べてみました。 なんだかすでにたくさん書いているブログもあったので、なんですが、 都度、調べるのも面倒なので、まとめ的に。 ▼なにはともかく分岐 Javascript if(navigator.userAgent.match(/iPad/i)) { location.href="http://www.hogehoge.jp/iphone/"; }else if(navigator.userAgent.match(/iPhone/i)) { location.href="http://www.hogehoge.jp/ipad/"; } PHP $Agent = $_SERVER['HTTP_USER_AGENT']; if( ereg("iPad", $Agent)){ $jurl="http://www.hogeh
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く