- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 this website 的顶部导航栏中使用 Google 字体 Oswald它适用于所有浏览器。但是,在两个不同的 IE11 中,安装在两台不同的计算机上,页面加载的一半时间某些字符串的最后一个字母被剪切:
这些是 IE 正常工作(绿点)和显示问题的 IE(红点)的截图:
如您所见,看起来文本本身在两个浏览器中都以相同的宽度呈现,但在存在问题的浏览器中,包裹文本的容器扩展得不够。
最糟糕的是,它只发生在我客户的计算机上,而且我无法重现该问题。
我进行了广泛的研究并尝试了很多东西:
如果我的客户在出现问题的 IE 中按刷新,则页面加载成功的次数有一半。此外,如果他检查代码并激活并重新激活其中一种样式(例如字体大小),问题就会得到解决。
普通字体或
不会出现此问题更新:
我做了一个jsfiddle minimum model重现了这个问题。我添加了另外两个使用不同谷歌字体的文本 block ,这个问题只影响 Oswald 字体。我的客户说当他使用 CTRL-F5 而不是 F5 时,这个问题出现得非常频繁。
如果您无法访问 jsfiddle,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type='text/css'>
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Bowlby+One&v2);
body {
background: #ccc;
}
.container {
width: 158px;
}
.container h2 a {
text-transform: uppercase;
color: #fff;
font-size: 14px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
line-height: 1.5em;
}
.container h2 a:hover {
color: #ecd6bc;
}
.container.one h2 a {
font-family: 'Oswald';
}
.container.two h2 a {
font-family: 'Droid Sans';
}
.container.three h2 a {
font-family: 'Bowlby One';
}
</style>
</head>
<body>
<div class="container one">
<h2><a href="http://www.example.com">Suspendisse nec metus quis nunc cursus fringilla.</a></h2>
</div>
<div class="container two">
<h2><a href="http://www.example.com">Suspendisse nec metus quis nunc cursus fringilla.</a></h2>
</div>
<div class="container three">
<h2><a href="http://www.example.com">Suspendisse nec metus quis nunc cursus fringilla.</a></h2>
</div>
</body>
</html>
感谢您的帮助。
最佳答案
关于css - 最后一个字母被IE竖切,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26683695/
我正在用 python 中的 matplotlib 绘制条形图(数据存储在字典中): plt.bar(range(len(Data)), result3.values(), align='center
是否有一种快速/更简单的方法可以从 PSD 创建 iOS UI 主题(标准和 2x 分辨率)所需的图形文件,例如 http://graphicriver.net/theme_previews/2989
我想切断可折叠集中 jquery 移动 header 的左上角。 这是我的 HTML: Witness Content f
背景:我有一个 C99 例程,需要临时存储具有不同对齐要求的不同数据类型。目前,我多次调用 posix_memalign,这 a) 引入了大量开销,b) 不能保证我的临时对象具有良好的内存局部性。我无
给定的文件格式如下。 GGRPW,33332211,kr,P,SUCCESS,systemrenewal,REN,RAMS,SAA,0080527763,on:X,10.0,N,20120419,mi
这个问题在这里已经有了答案: Cut Corners using CSS (16 个答案) 关闭 7 年前。
我正在尝试剪掉设置了上边框的 span 元素的左上角。 一切正常,除了边框一直在白色 CSS 三 Angular 形上运行。这可以通过从 .contract span 中删除 overflow: hi
我目前正在执行一个相当复杂的数据预处理操作,这是: cat large_file.txt \ | ./reverb -q | cut --fields=16,17,18 | awk -F\\t -vq
这两个命令可以将文件的大小保存到一个变量中,因为我是linux新手,我无法理解那里的工作原理。请解释一下它们是如何工作的。 ls -l | grep testing.txt | cut -f6
我使用 pandas.cut() 将连续变量离散化为一个范围,然后按结果分组。 因为我无法弄清楚哪里出了问题而发了很多誓,我了解到,如果我不为 cut() 函数提供自定义标签,而是依赖默认值,那么输出
我有一个名为 log.log 的实时日志文件,我想在其中捕获一些匹配的模式和值: 例子:log.log 正在增长,我们正在搜索具有模式“ResponseTime = VALUE”的行,我们希望提取匹配
我是一名优秀的程序员,十分优秀!