在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;
}
网友评论