css3使用transform出现字体模糊的解决办法
2017-08-25 16:06
591 查看
这个问题很奇葩,话不多少直接上代码:
上面这css样式,得出的页面居然字体那么模糊:
上网查了一下,好像是说和浏览器渲染有问题,transform里的值不能设置成基数,但我这里摆明就不是基数:
后来我乱改了一下,把width和height改成偶数就可以了。
.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;
相关文章推荐
- transform使用导致元素内字体出现模糊的坑~~~
- koala不支持中文的解决办法(问题出现在使用中文字体时报错)
- 在使用ASP.NET网站管理工具出现“遇到错误。请返回上一页并重试。”的解决办法!
- 使用Bitmap.FromStream(GetType().Assembly.GetManifestResourceStream())出现System.ArgumentException的解决办法
- 使用IIS作为宿主的WCF服务出现HTTP Error 404.3 - Not Found错误的解决办法
- 字体模糊的解决办法 Windows Mobile
- IIS出现“另一个程序正在使用此文件,进程无法访问。”错误提示的解决办法
- 使用SourceOffSite时出现的问题及解决办法
- 在使用ASP.NET网站管理工具出现“遇到错误。请返回上一页并重试。”的解决办法!
- 使用JS生成文件 ,使用utf编码时,出现乱码的现象的解决办法
- asp+access中 打开网页时出现“操作必须使用一个可更新的查询”原因及解决办法
- 使用oledb读写excel出现“操作必须使用一个可更新的查询”的解决办法
- 使用hibernate心得——字符串超长的解决办法(setCharacterStream出现顺序问题)
- 字体模糊的解决办法 Windows Mobile
- 使用ASPJPEG出现0177 800401F3 错误的解决办法
- 在使用中文名导出数据到excel文件时文件名出现乱码的解决办法
- asp中 打开网页时出现“操作必须使用一个可更新的查询”原因及解决办法
- 使用ajax.net1.0和ajax组件后出现"'Sys' is undefined"的解决办法
- ORACEL中使用IMP出现的表空间不一致的问题暂时解决办法
- DbEntry.net使用时出现System.Data.SqlTypes.SqlNullValueException解决办法