用CSS做iOS和Android样式适配

html-css064

用CSS做iOS和Android样式适配,第1张

在移动端webview渲染的时候，html标签会被自动加入一个class属性，会标识不同的设备

如：

所以，可以用来适配一些移动双端的差异场景，如适配不同高度Titlebar

不同样式：

使用样式：

在iOS设备上就会展示80px，Android设备上60px

ios默认一些按钮会有一些他的样式但是可以用这个属性将他还原：

-webkit-appearance:none

我一般用这个：

::-webkit-input-placeholder{color:#999}

input[type="text"],input[type="password"]{-webkit-appearance:noneappearance:noneoutline:none-webkit-tap-highlight-color:rgba(0,0,0,0)border-radius:0}