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/