android - Android 和桌面上的不同 View

Question

我对 android 和桌面之间的不同外观有疑问。 不是响应式的，而是简单的 css 外观

我有这个

<div class="related">
   <h3>Related Posts</h3>
</div>

使用 CSS:

.related {
    height: 30px;
}
.related h3 {
    font-size: 18px;
    line-height: 30px;
}

在桌面上，h3 完美地排在 .related 栏的中间，而在 android(galaxy grand prime)上，h3 排在上方一点，靠近顶部，距离顶部大约 40%，距离底部大约 60%。所以 20% 的差异，这是非常明显的。

我错过了什么吗？这是Android错误吗？谢谢

Answer 1

@media 规则用于为不同的媒体类型/设备定义不同的样式规则。媒体类型着眼于设备的能力，可用于检查许多事情，例如:宽度和向该设备应用不同的 css。 示例:@media screen and (max-width: 300px) {} 不同的设备通常表现完全不同，不同的浏览器也有不同的表现。