虽然做移动端页面的时间不长,才开始不久。但是也需要把自己遇到的问题记录总结一下。
下面是关于UC浏览器ios版本的css默认设置(我遇到过的):
1.-webkit-appearance:none;
在这个版本上面,当input的type="submit"z或者是type="button"的时候,页面上的该元素就是表现为左右两边都是半圆的一个按钮形状,而不是方形按钮。所以这个时候在改元素上加上样式-webkit-appearance:none;就能够改变ios上的这个默认设置,即呈现在方形按钮。
2.border-radius
在这个版本上的一些元素,例如按钮,输入框等,在该浏览器上面是默认圆角的(大概是1-2px左右,具体没有去验证过),所以此时需要加上border-radius:0px;在强制还原直角。
3.去除UC浏览器输入框的响应outline
一般情况下,只要在输入框加入了outline:none;就可以去除的。但是UC是不生效的,需要同时去除tap-high-color。即:
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
暂时就这么多。。。。以后持续更新!