html – CSS圈子在ios上看起来是椭圆形的

我使用CSS创建了几个圆圈,我在HTML索引页面上用作文本输入.
问题是当内部字体比CSS圆相对较大时,圆形变成椭圆形.
它只发生在IOS上.我在Safari和Chrome上测试了这个页面,它非常好.没有Android设备进行测试.
我尝试过使用Meta flags和webkit属性,但没有去.

任何提示？

            input[type=text5]{
                    position: absolute;
                    left: 270px;
                    top: 340px;
                    display:block;
                    width:50px;
                    height:50px;
                    line-height:50px;
                    border: 2px solid #f5f5f5;
                    border-radius: 50%;
                    margin:0 auto;
                    color:#f5f5f5;
                    text-align:center;
                    text-decoration:none;
                    background: #464646;
                    Box-shadow: 0 0 3px gray;
                    font-family:Verdana;
                    font-size:16px;
                    font-weight:bold;
                    -webkit-Box-sizing:content-Box;
                    -moz-Box-sizing:content-Box;
                    Box-sizing:content-Box;             
            }

大字体：

小字体

最佳答案

好吧,我在玩了一些CSS属性后想通了.出于某种原因,iOS正在为文本添加填充.有趣的是没有桌面浏览器添加填充.在任何情况下添加：padding：0px;解决了它.

原文地址：https://www.jb51.cc/html/426302.html