iOS：同时使用斜体和不透明度时，文字会被截断

时间：2018-09-22 01:37:38

标签： ios css

在iOS中（到目前为止只有经过测试的iPad）...

我将不透明度更改为小于1时，将立即删除斜体文本。关闭不透明度或斜体即可解决此问题。如果这两个属性都存在，则似乎文本被截断了。

Codepen：     https://codepen.io/anon/pen/zJbQym

显示问题的所附图像：

enter image description here

单词是“ jello？”您会看到“ j”的开头和“？”的结尾被切断。

在所有最新浏览器（Safari，Chrome，Firefox和Edge）的iPad上进行测试，并在Macos上使用Safari远程调试器进行调查。

body {
  font-family: system-ui, sans-serif;
  font-size: 24px;
}

#wrapper {
      font-size: 2em;     
      display: grid;
      justify-content: center;
      align-items: center;
}

#title {
  font-size: 3em;
  font-style: italic;
  opacity: 0.5;
}
<body>
  <div id="wrapper">
    <h1 id="title">jello?</h1>
  </div>
</body>

0 个答案:

没有答案
相关问题
最新问题