html - 不在 Ipad 上显示正确的站点

Question

我再次请求您的帮助。转到此 link看看这个 block ，这是屏幕截图。

显示流畅准确，Ipad上显示如下截图

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

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/