我一直在使用一个消耗API并动态创建按钮的客户端。在每个平台上,一切都运行良好,chrome dev工具在每个“设备”上都没有显示出任何异常。我把它扔在AWS上以在实际设备上进行测试。除了在iOS(iphone和ipad)上的所有内容上工作/看起来像预期的那样div /按钮被舍入。有没有人见过这个问题?更好的是知道如何解决它?这是链接:
https://s3.us-east-2.amazonaws.com/rpjr/GitHubAPI/index.html
答案 0 :(得分:2)
iOS正在为您的<button>
元素(不是div
)应用默认浏览器样式。
添加此CSS规则以修复它:
.tapMe {
-webkit-appearance: none;
}
如果仍然无法修复圆角边缘,请将border-radius: 0
添加到该元素。