解决android手机网页缩放之后，光标变细的问题

在android中，当采用meta缩放屏幕的时候，会导致光标变细

采用缩放是为更好的采用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;

}