文件名称:安卓java读取网页源码-problem-list:问题清单
文件大小:43KB
文件格式:ZIP
更新时间:2024-06-25 20:29:44
系统开源
安卓java读取网页源码 目录 117. rem单位border-radius:50%在安卓手机中画圆变形 问题描述 使用border-radius:50%,或者border-radius的值与宽高相等,都可实现一个完美的圆形,但是在不同的安卓手机中,会有不同程度的变形(有的扁圆,有的大,有的小);当使用px做为宽高的单位,border-radius:50%画出来的圆是不会变形的;但使用rem时,rem在换算为px时,会是一个带小数点的值,安卓对小于1px的做了处理(不同浏览器对小于1px的处理方式不同,有的采用四舍五入,有的大于某个值展示1px否则就舍去),从而导致圆角不圆;在ios下就没有这个问题。 解决方案 很多文章指出直接用px, 但是这样做无法达到适配的目的 还有的说设置一个很大的值:border-radius:9999px,亲测不行(如:华为) 使用svg, 既可以适配,即使再小的圆形也能在不同屏幕上完美展示,但又很麻烦 最终方案 i{ display: inline-block width: .16rem height: .16rem background-color:
【文件预览】:
problem-list-master
----README.md(107KB)