Question

我认为需要有关css样式的更多文档。

当应用程序在桌面Chrome浏览器上运行时，列表和列表项具有边框。但是在CSS中，我可以看到：

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
  .list__item:not(:last-child) {
  border-bottom: none;
  -webkit-background-size: 100% 1px;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: -webkit-linear-gradient(90deg, #ddd, #ddd 50%, transparent 50%);
  background-image: -moz-linear-gradient(90deg, #ddd, #ddd 50%, transparent 50%);
  background-image: -o-linear-gradient(90deg, #ddd, #ddd 50%, transparent 50%);
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
}

那么，当我们在视网膜分辨率下查看应用程序时为什么没有边框？

另外，使用导航栏，它如何决定选择哪个css定义？例如，这仅适用于某些设备配置文件：

.page__status-bar-fill + .page__content {
   padding-top: 20px;
}

在Chrome应用程序模式下查看时，onsen css组件样式差异

0 个答案: