html 字体模糊,详解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出现字体模糊的解决办法的文章就介绍到这了,更多相关css3 transform字体模糊内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

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

mysql sleep详解_mysql sleep链接过多的原因及解决办法
今天收到运维同事短信,说有个线上业务"可能是数据库DB堵塞了,导致mysql链接过多,让我看一下". 回家后赶紧用家里vpn登录数据库服务器,show processlist 看了 ...
python连接不上数据库_详解pycharm连接不上mysql数据库的解决办法
问题描述环境:ubuntu18.04,mysql5.7 今天在ubuntu下使用pycharm连接mysql,发现连接不上这不是缺少驱动吗?下载之! 下好之后点进去连接点击test conne ...
CSS3新特性详解(二)：CSS3 字体@font-face详解、如何创建和修改woff字体文件及text-shadow等文本效果
关于CSS3新特性,在上篇博文中"CSS3新特性详解(一):CSS3选择器.边框.背景使用细节及案例演示",讨论了CSS3选择器.边框和背景,本文讨论字体@font-face使 ...
网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...
详解 CSS3中最好用的布局方式——flex弹性布局（看完就会）
文章包含个人理解,错误请指出. 往期css3文章 CSS3基础属性大全 CSS3动画属性 animation详解(看完就会) CSS3 transform 2D转换之移动旋转缩放(详细讲解看完就会 ...
传智播客html css3笔记,传智播客详解Css3九大常用属性
在Css3的学习和实际操作中,我们经常会接触到一些常用属性,比如字体.文本.列表和背景等.下面,传智播客将对常用的Css3九大属性进行详解. 1.传智播客详解Css3九大常用属性-字体 l Font- ...
css sheet2.0,详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
CSS3.0(Cascading Style Sheet) 层叠级联样式表快速入门: CSS01 h1 { color: red; } 标题一 CSS的三种导入方式: 行内样式(优先级最高,但不建议 ...
vscode自动加前缀_详解VScode自动补全CSS3前缀插件以及配置无效的解决办法
1.在vscode中搜索Autoprofixer 2.在安装完成之后要配置在需要添加前缀的css文件上,右键点击命令面板,输入Autoprefixer CSS就好啦 ps: 如果想要兼容性最好的话, ...
详解CSS3中新增的内容属性：content
详解CSS3中新增的内容属性:content 1. 用法: content属性用于插入生成的内容,常和:before选择器和:after选择器配合使用,将生成的内容放在一个元素内容的前面或后面. 2. ...

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

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

最新文章

热门文章