我有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吗?感谢
答案 0 :(得分:0)
@media规则用于为不同的媒体类型/设备定义不同的样式规则。媒体类型查看设备的功能,并可用于检查许多内容,例如:width并将不同的css应用于该设备。
示例:@media screen and (max-width: 300px) {}
不同的设备通常表现完全不同,不同的浏览器也不同。