我有一个应用程序,里面有很多弹出窗口,我是这样定位它们的:
.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
但是有些弹窗模糊不清。这个 transform: translate 是造成问题的根源。据我所知,这是 Chrome 的问题,但是最好的解决方法是什么呢?
我有一个应用程序,里面有很多弹出窗口,我是这样定位它们的:
.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
但是有些弹窗模糊不清。这个 transform: translate 是造成问题的根源。据我所知,这是 Chrome 的问题,但是最好的解决方法是什么呢?
你可以在你的 .css 文件中尝试这个:
.myfont{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}