在移動(dòng)端webview渲染的時(shí)候墙歪,html標(biāo)簽會(huì)被自動(dòng)加入一個(gè)class屬性闷煤,會(huì)標(biāo)識(shí)不同的設(shè)備
如:
- android上是 android mobile
- iPhone上是 ios phone mobile
- iPad上是 ios ipad tablet
- PC和Mac上的Chrome不會(huì)插入這個(gè)class屬性
所以为障,可以用來適配一些移動(dòng)雙端的差異場景肴捉,如適配不同高度Titlebar
不同樣式:
.ios .titlebar {
height: 80px
}
.android .titlebar {
height: 60px
}
使用樣式:
<div class="titlebar">
<!-- 使用 -->
</div>
在iOS設(shè)備上就會(huì)展示80px鬓长,Android設(shè)備上60px