在android中熬拒,當采用meta縮放屏幕的時候爷光,會導(dǎo)致光標變細
<meta name="viewport" content="width=device-width, initial-scale=0.5, shrink-to-fit=no, user-scalable=0, viewport-fit=cover">
采用縮放是為更好的采用1像素,避免1px太粗澎粟,這種方案非常何時移動端蛀序,這里不過多描述。
如圖:
處理之后的結(jié)果:
解決方案:
假設(shè)縮放了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;
}