Android和桌面上的不同视图

时间:2015-05-18 01:49:16

标签: android css desktop

我有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的bug吗?感谢

1 个答案:

答案 0 :(得分:0)

@media规则用于为不同的媒体类型/设备定义不同的样式规则。媒体类型查看设备的功能,并可用于检查许多内容,例如:width并将不同的css应用于该设备。 示例:@media screen and (max-width: 300px) {} 不同的设备通常表现完全不同,不同的浏览器也不同。