iPad 3（または新しいiPad）のCSS Mediaクエリ

Question

iPad 3または新しいiPadを検出するためのCSS Media Queriesの適用に違いはありますか？

また、iPad 1とiPad 2は両方の向きで768pxというデバイス幅を返しました。 iPad 3でも同じですか？

Answer 1

メディアクエリーはほとんど変わりません。 したがって、min-device-widthが768pxであることを確認しても、新しいiPadではまだ有効です。ただし、より具体的なクエリを提供するには、1536 pxから2048 pxまでのデバイス幅を確認できます。新しいiPadは、第1および第2のiPad（768）としてsame device-widthを報告 http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

Answer 2

私はそうだと信じています。

新しいRetinaディスプレイのピクセル解像度のさらなる増加の影響を心配している場合は、あなたのページのhead要素に次の行を追加します。

<meta name="viewport" content="width=device-width, maximum-scale=1.0" /> 

で非常に有用な情報と、この記事を参照してください。ビューポートの大きさを検出する：新しいiPad（またはiPad 3）用

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm

Answer 3

でCSSメディアクエリを使用しての非常に良いチュートリアルはあり

。