- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
在我的网站上,我注意到 Firefox、Chrome 和 Internet Explorer 之间的文本质量存在显着差异。虽然文本在 Chrome 中非常清晰,在 Firefox 中更是如此,但在 Internet Explorer 中却显得模糊不清。下面是图片对比:
个人认为不美观。我想在不要求用户使用 Microsoft Silverlight 等插件的情况下找到解决方案,因为并非所有用户都希望安装插件只是为了查看 1 个网站。我不明白像 Facebook 和 StackOverflow 这样的网站怎么没有这个问题(或者至少没有那么大的问题)。
我尝试过使用 CSS 过滤器、不同的字体渲染属性以及对字体大小使用不同的单位,但我没有看到任何效果。我知道我还没有尝试过所有可能的 CSS 属性组合,所以这仍然是答案。
我已经在网络和 StackOverflow 上搜索了几个小时,但还没有找到解决方案。这里还有其他类似的问题,但仍未得到解答。
非常欢迎任何帮助,或关于去哪里或做什么的想法。如果看不到图像或网站,请在不同的浏览器中运行此代码段:
html,body{
margin:0;
height:100%;
font: normal 14px/24px "Lucida Sans Unicode","Lucida Grande", "Arial", sans-serif;
}
.popup{
position:relative;
top:50%;
left:50%;
text-align: center;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
background-color:rgb(28, 31, 37);
color:white;
padding:1em;
z-index:2;
transform: translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
}
p{
font-size: small;
}
input{
padding: 16px 12px;
width: 250px;
border: 0;
background: #0A0A0A;
color: #eee;
font-size: 14px;
font-family: "Open Sans",sans-serif;
-webkit-box-shadow: inset 0 0 0 1px #323742;
-moz-box-shadow: inset 0 0 0 1px #323742;
box-shadow: inset 0 0 0 1px #323742;
}
#blackout {
background: rgba(17,19,23,.5);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
}
<div id="blackout"></div>
<div class="popup">
<h1>Compare this text</h1>
<p>And this text as well</p>
<input type="text" placeholder="Even placeholders are blurry">
</div>
奇怪的是,代码片段在不同的浏览器中看起来很相似:但仔细观察还是有明显的区别。 Chrome(版本 44.0.2403.125 m)似乎有锐边效果。 IE (11) 似乎有点模糊。而 Firefox (38.0.1),正如@user4749485 所解释的那样,似乎选择了两全其美的方式来实现最佳的易读性。有没有办法手动计算和调整仅适用于 IE 的字体? (另一种可能的修复方法。)
我不确定其余的模糊是从哪里来的(代码段的文本在这里看起来比我网站上的文本更清晰)。如果我们能够发现这种差异的来源,那么也许这会更容易解决。 (我一直在向代码段添加/删除 CSS,所以请原谅所有的编辑)
TL:DR,只是为了详细说明这个问题:我希望文本在 IE 中看起来像在 Firefox 或 Chrome 中一样清晰。
虽然我可以使用 Srikanth Pullela 的回答将此 CSS 转换仅应用于 IE,但我很好奇是否存在所有浏览器修复程序。编辑:我将使用上面提到的方法,因为建议的修复会导致这种情况发生,这意味着我不能依赖 GPU 渲染来正确渲染它:
最佳答案
我唯一的建议是使用下面的代码并编写单独的 CSS,这样当在 IE 中打开时,它将只采用该 css。
这将仅针对早期版本的 IE8:
<!--[if lt IE 8]>
<link href="./Content/ie7.css" rel="stylesheet" />
<![endif]-->
如果你想针对所有 IE 版本,使用这个:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
关于html - Internet Explorer 中的模糊文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31638488/
像其他人一样,我需要在 Internet Explorer 6 和 Internet Explorer 7 上测试我的代码。现在,Internet Explorer 8 为开发人员提供了一些很棒的工具
我已经浏览了几个小时的注册表,但似乎无法找到控制 Internet Explorer 临时 Internet 文件设置的注册表。我想从自动更改为其他内容。 最佳答案 HKCU\Software\Mic
这个问题在这里已经有了答案: 10年前关闭。 Possible Duplicate: Running Internet Explorer 6, Internet Explorer 7, and Int
作为一名开发者,我发现新的 Internet Explorer 版本完全是一场噩梦。我关闭了 Windows 功能,但无法安装 Internet Explorer 10 。它说它已经安装,但事实并非如
是否有任何分析器工具可以调试DOM中的哪个javascript /对象导致Internet Explorer挂起/崩溃。 CPU使用率将超过60%,我想知道其背后的原因,是哪个脚本/ Flash Ob
我正在尝试确定Internet Explorer上TTF字体格式的支持状态。 (我手头没有任何Windows计算机可以尝试。)The table at caniuse指出,从版本9开始的IE支持TTF
是否可以在 Internet Explorer 中切换多个版本的 JDK/JRE? 想要使用 jdk 1.4、jdk 5 和 jdk 6。 谢谢,迈克尔 最佳答案 据我所知,这并不容易做到,因为 IE
这应该是IE8下载问题的老问题了。我使用 PHP 来设置响应头,如: header("Pragma: public"); header("Expires: 0"); header("Content-t
这个问题在这里已经有了答案: 10年前关闭。 Possible Duplicate: Running Internet Explorer 6, Internet Explorer 7, and Int
我正在使用新的Internet Explorer 11开发人员工具将文档模式切换为“8”,但条件注释仍然被忽略,也就是说,它们没有被正确解析并且表现得像普通注释。因此,浏览器不会请求/加载条件注释内的
我在我的一个站点上遇到 Internet Explorer 6 问题,我真的希望我安装它而不是 Internet Explorer 7。有没有一种快速的方法来做到这一点? 最佳答案 下载Microso
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
如何访问 Internet Explorer 运行实例的经典 Internet Explorer COM 自动化对象?也就是说,如果我在多个窗口中打开 Internet Explorer,如何从 Po
string filename = Server.UrlPathEncode(Path.GetFileName(_Filename))); Response.AddHeader("Content-Di
当我尝试使用 Apache 2.2 在 Windows7(64 位)上的 IE9 或 IE10 中打开 localhost 时,解析 URL 需要很长时间。其他浏览器没有问题并立即解析 URL,只有
我有一个批处理文件,必须启动 Internet Explorer 并打开 www.google.com .当整个页面加载完成时,它应该终止 IE 进程,即关闭该系统中的所有 IE 实例。我的批处理文件
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 6 个月前关闭。 Improve t
基本上,无论我使用 IE 访问哪个网站,我都可以看到那些黑色/白色形状,一旦我将鼠标移到它们上,它们就会消失。 想知道是否有人知道可能导致这种情况的原因? 另外:http://imageshack.c
我检查了所有注册表,但找不到所有已安装扩展的列表。 此时,IE 扩展/加载项的任何一般位置都会有所帮助。 最佳答案 取自 here : 浏览器帮助对象 - 旨在增强浏览器功能的浏览器插件。 条目可以在
这是一个两部分的问题。我正在构建一个网页,我需要知道: 有没有办法检测 IE 是否启用了平滑滚动(如果是,如何)? 有没有办法强制 IE 关闭我网页的平滑滚动功能? 明确地说,我不是在问如何关闭整个计
我是一名优秀的程序员,十分优秀!