html - Ipadに正しいサイトを表示しないでください

Question

もう一度お願いします。このリンクに移動して、スクリーンショットであるこのブロックを見てください。

すべてがスムーズかつ正確に表示されます。次のスクリーンショットは、iPadでの表示を示しています。

ご覧のとおり、ブロックが移動しました。コードは正しいようです。何が起こっているのかわかりません。助けてください

Answer 1

メディアクエリを使用して特定のデバイスをターゲットにし、関連するスタイルを適用する必要があります。

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

ソース：http ：//css-tricks.com/snippets/css/media-queries-for-standard-devices/