Media-Query在iPad上无法正常运行

时间:2016-08-08 17:46:48

标签: css ipad responsive-design media-queries tablet

我使用媒体查询将我的主页从智能手机放到平板电脑上,为此我使用的是iPad 1/2的大小。

在我完成我的网站(平板电脑)之后,它在我的Acer平板电脑上看起来很好,但在我的Girlfriends iPad上,它完全搞砸了,因为它似乎没有加载平板电脑版本。

我的Media-Query是否错误,但如果这是问题,为什么我的Acer Tablet上的问题很好?

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)

如果您愿意,我可以放置主页

的失败iPad版本的图片

1 个答案:

答案 0 :(得分:0)

这可能是由于设计方向(人像,风景)而发生的。 iPad screen sizes