CSS转换模糊文本

以下CSS使chrome中的字体模糊 如何使字体不受影响

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto !important;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%); <This line
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); <-- This line
}

.md模态{
位置：固定；
最高：50%；
左：50%；
宽度：50%；
最大宽度：630px；
最小宽度：320px；
高度：自动！重要；
z指数：2000；
可见性：隐藏；
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
背面可见性：隐藏；
-webkit transform:translateX（-50%）translateY（-50%）；这可能是由于许多原因造成的，通常通过使用
translateZ（0）
锚定z平面来纠正，以便为项目提供其自己的复合层-但是，以下（组合）也可能产生结果：

backface-visibility: hidden;
transform: translateZ(0) scale(1.0, 1.0) translate3d(0,0,0);

您可能遇到了舍入问题，请参阅下面的文章


试试这个

function centerTarget(tar){
    var y = Math.ceil(tar.height()/2),
        x = Math.ceil(tar.width()/2);

    tar.css('transform','translateX(' + x + 'px) translateY(' + y + 'px)');
}

其中tar是jquery对象

虽然这不是真的在一个像素内居中，所以对我来说足够近：）
只有我的两分钱

transform: translate3d(-50%, -50%, 0) scale(2, 2);
zoom: 0.5;

只要你不在css中使用
rem
，这就行了。由于缩放增加了大小，rem单位也增加了，产生了奇怪的副作用。
你必须演示它。它可能只是你正在使用的字体。它不是字体，它是transformcustom fonts&chrome！=sharp crispy textHey，添加这意味着模式不再是中心ed@D-W….由于您在问题中的代码有限，恐怕要提供准确的答案有点困难，您需要扩展transform属性，而不是将其替换为上面的内容：不要因此而停止使用REM。而是使用flexbox来对齐您的内容。
display:flex；justify content:center；align items:center；