在android中,当采用meta缩放屏幕的时候,会导致光标变细
<meta name="viewport" content="width=device-width, initial-scale=0.5, shrink-to-fit=no, user-scalable=0, viewport-fit=cover">
采用缩放是为更好的采用1像素,避免1px太粗,这种方案非常何时移动端,这里不过多描述。
如图:
处理之后的结果:
解决方案:
假设缩放了ratio倍,则需要放大ratio倍
transform: scale(ratio),当然同时宽高也要处理,可能代价不较大,但至少可以解决。
input{
box-sizing:content-box;
color:inherit;
border:none;
text-indent:0.5em;
transform-origin:left top;
line-height:1;
background-color:transparent;
//// 0.18 0.12
padding: 0.06rem 0.04rem;
width: 33.33333%;
transform: scale(3);
// 0.15rem
font-size: 0.05rem;
height: 0.05rem;
}