- 最近开发时遇到个问题，窗口变小后，textarea文字变模糊了
- 经过一上午的小模块一层层往上堆，最终发现问题出自自定义的弹框组件，
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);//问题根源 必须是px时才不会影响，vw也不行。
- 一般来说 用上面这种方式实现水平垂直居中，但transform影响了textarea的文字（不知道什么原理）
总结：
使用textarea时，不要在父级出现transform:translate(-50%, -50%);
考虑到一些项目为了屏幕适配，引入pxtoviewport这样的库，即使写的是transform:translate(-80px, -80px);一样会被转化为了vw糊掉
