手机html怎么做苹果兼容性,兼容苹果手机的前端设置

(1).苹果手机上input的button按钮颜色显示问题

css中加上

input[type=button], input[type=submit], input[type=file],input[type=checkbox],input[type=radio], button { cursor: pointer; -webkit-appearance: none; }

这行-webkit-appearance: none; 意思是 样式能够自定义

(2).另外行高问题：(加上-webkit-前缀)

line-height:30px; -webkit-line-height:1;

(3).圆角问题(加上-webkit-前缀)

-webkit-border-radius:3px;border-radius:3px;

(4).网页安全色(都用rgb格式)

background-color:rgb(255,255,255); background:rgb(255,102,102); color:rgb(255,255,255);

代浏览器的内核，主流内容主要有Mozilla(熟悉的有Firefox，Flock等浏览器)、WebKit(熟悉的有Safari、Chrome等浏览器)、Opera(Opera浏览器)、Trident(讨厌的IE浏览器)。

根据不一样的内核，一些私有属性的css前缀不同

Mozilla内核 (Firefox)　　               css前缀-moz;

WebKit内核(Safari、Chrome)　 　css前缀-webkit ;

Opera 内核 (Opera浏览器)　　      css前缀 -o ;

Trident内核(讨厌的IE浏览器)     　  css前缀 -ms ;

前端