不要在Ipad上显示正确的站点

Question

我再次请求你的帮助。转到此link并查看此块，即屏幕截图。

全部显示顺畅，准确。以下屏幕截图显示了Ipad上的显示

如您所见，该块已移动。代码似乎是正确的，我不明白发生了什么。请帮忙

Answer 1

您应该使用media queries定位特定设备并应用相关样式。

/* 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/