Retina iPad特定CSS

概述我正在设计一个在移动设备上看起来不一样的敏感网站。我的css中有三个单独的媒体查询以及视网膜显示的查询。 /** 768PX IPAD PORTRAIT **/@media screen and (max-width: 768px) {}/** 480PX IPHONE LANDSCAPE **/@media screen and (max-width: 480px) {}/** 32 我正在设计一个在移动设备上看起来不一样的敏感网站。我的CSS中有三个单独的媒体查询以及视网膜显示的查询。

/** 768PX IPAD PORTRAIT **/@media screen and (max-wIDth: 768px) {}/** 480PX IPHONE LANDSCAPE **/@media screen and (max-wIDth: 480px) {}/** 320PX PORTRAIT **/@media screen and (max-wIDth: 320px) {}/**  RETINA IMAGES **/@media all and (-webkit-min-device-pixel-ratio: 2) {}

当iPad处于纵向模式时，它将获得移动版本，但是当它处于横向模式时，它将获得该网站的常规版本。

我的问题是这样，现在随着“新iPad”和视网膜显示，某些视网膜图像未正确对准景观视网膜iPad版本。全球视网膜CSS正在推翻正常的CSS，这应该是我猜的。

例如，在移动版本中，我有一个以屏幕为中心的背景图片，但在常规网站上，它保持对齐。

任何人都知道只有在CSS中仅针对iPad的视网膜图像？

谢谢

编辑：这是我在玩的，但似乎不起作用：

@media screen and (min-device-wIDth : 768px) and (max-device-wIDth : 1024px) and (orIEntation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}

解决方法 弄清楚了。

我的iPad Retina查询低于所有其他查询，但是它们需要在从最大到最小的其他查询之上。

总结

以上是内存溢出为你收集整理的Retina iPad特定CSS全部内容，希望文章能够帮你解决Retina iPad特定CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。