css3使用transform出现字体模糊的解决办法

这个问题很奇葩，话不多少直接上代码：

.g-dialog-wrapper {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;width: 405px;background-color: #ffffff;height: 226px;-webkit-box-shadow:  0 0 2em #5191f1;-moz-box-shadow:  0 0 2em #5191f1;box-shadow:  0 0 2em #5191f1;border-radius: 3px;z-index: 9999;}

上面这css样式，得出的页面居然字体那么模糊：

上网查了一下，好像是说和浏览器渲染有问题，transform里的值不能设置成基数，但我这里摆明就不是基数：

transform: translate(-50%, -50%);

后来我乱改了一下，把width和height改成偶数就可以了。

width: 404px;
height: 226px;

css3使用transform出现字体模糊的解决办法相关推荐

html 字体模糊,详解css3使用transform出现字体模糊的解决办法
这个问题很奇葩,话不多少直接上代码: .g-dialog-wrapper { position: fixed; top: 50%; left: 50%; transform: translate(-5 ...
FireFox火狐浏览器字体模糊的解决办法
FireFox火狐浏览器字体模糊的解决办法.打开选项->高级->关闭"自动启用硬件加速"! 解决问题! 转载于:https://my.oschina.net/u/179 ...
关于CSS transition:translate导致字体模糊的解决办法
请依次验证以下几种情况: 1 是否使用了translate3d 使用translate3d可能使浏览器开启GPU加速,GPU加速的实现原理会导致模糊,详见segmentfault为何使用css3 tr ...
字体模糊的解决办法 Windows Mobile
今天项目中有一个问题,用DC在一个24位的bitmap上写字体,字体竟然模糊了,因为Windows Mobile的屏幕颜色深度是16位的. 以下是一位网友的代码: 当压缩格式为 BI_BI ...
Adobe acrobat 打开pdf文件字体模糊的解决办法
工具栏-编辑-首选项-渲染-平滑文本-用于显示器 --------我是华丽的分割线-------- 至此,解决完毕,留文存档.
升级chrome后字体模糊的解决办法
这里有个最简单的办法:控制面板删除chrome 然后重装. 当然如果你的chrome上有一些书签什么的,你可以用的登录google帐号同步一下.然后再卸载, 重新安装的时候,要断网安装. c ...
笔记本高分屏字体模糊_笔记本win8系统设置1920*1080高分屏后字体模糊的解决方法...
有不少笔记本win8系统用户将电脑屏幕分辨率设置为1920*1080高分屏之后,发现一些第三方应用字体模糊的问题,遇到这样的问题该怎么办呢,现在给大家分享一下笔记本win8系统设置1920*1080高 ...
使用swiper组件的transform属性导致文字模糊的解决办法
使用transform属性导致文字模糊的解决办法我先说说我的问题吧,我是因为使用swiper等类似的轮播插件中在较小的的分辨率比如电视上的看板,使用的960*540的分辨率下出现抖动以及文字模糊有锯 ...
win10计算机管理字体糊,win10字体模糊如何解决
win10系统是一款优秀的消费级别的系统,深受大家广泛好评.但是有些网友在使用时也会出现一些问题,比如win10字体模糊.接下来,我就给大家介绍一下解决win10字体模糊的解决方法,赶紧来瞧瞧吧近来 ...

css3使用transform出现字体模糊的解决办法

css3使用transform出现字体模糊的解决办法相关推荐

最新文章

热门文章