iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる - [モ]Modern Syntax
作業をするロボットのビデオってたくさんあるのですが、多分このロボットアームが今まで観た中で一番速いと思います。 「LinkerBot Linker Hand L30」という名前のこのロボットアームは、ネジやナット、ボルトをつかみ、結構なスピードで回しています。 でもまあ、人間でこれより速くできる人もいるだろうし、工具使えばさらに速くできるかもしれません。そんなことを思いながら観ていたらビデオの最後の最後でショッキングな映像が瞬間だけ表示されました。ああ、なるほど、こうなるともうロボットの勝ちですね。 ということで、最後までご覧ください。
iPadだけにCSSを適用する方法 | Web活メモ帳
2010.08.20追記 こちらの記事はipad「だけ」に適用する内容ではありませんでした。 実際にはJavaScriptなどの条件判定が必要なようです。 「HOWTO: CSS for the iPad」というエントリーにてiPadだけにCSSを適用する方法が紹介されていましたので、メモ的にエントリー。 詳しくは以下 設定方法 以下のコードで設定できるようです。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> このタイプのメディアタイプを扱えないブラウザが無視するためiPadだけに適用されるようになるようです。 同様のやり方でiPhoneにも対応できるとの事。 iPhoneだけに適用したい場合はmax-device
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
