【问题标题】:Ipad Mini Specfic CSS Media Queries?Ipad Mini 特定 CSS 媒体查询?
【发布时间】:2013-04-28 11:50:15
【问题描述】:

我搜索了很多关于 Ipad mini 的 CSS 特定媒体查询和找到 this page。这说明 Ipad Mini 在 162 ppi 中有 7.9。如何在 CSS 媒体查询中应用此属性。请帮忙

【问题讨论】:

标签: css responsive-design ipad-mini


【解决方案1】:

iPad mini 将只继承与原始 iPad 相同的视口大小。但为了更精确,您可以定位 iPad mini 的像素密度,因此:

/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {

}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {

}

【讨论】:

  • 这在如何将分辨率应用于媒体查询方面在技术上是正确的,但从 iOS 6 开始它不会做任何事情。(参见jsfiddle.net/egid/DX9eJ 的示例)。
  • 其实不能:"[*] Webkit引擎不支持规范中的CSS解析查询,Safari浏览器需要使用非标准的device-pixel-ratio查询,请参阅错误 16832。” developer.mozilla.org/en-US/docs/Web/CSS/resolution
猜你喜欢
  • 2022-07-07
  • 2014-02-19
  • 2012-01-06
  • 2013-03-24
  • 2013-04-27
  • 2013-12-10
  • 2012-04-09
  • 2013-01-22
  • 2016-09-20
相关资源
最近更新 更多