Question

当在IE中检查我的网站时，某些元素会比其他浏览器“更高” - 似乎没有任何共同点，我可以找到（编辑：原来它们都包含svg元素）。这就像他们有一个固定的高度，即使他们没有。

在chrome中（按预期方式）：https://ibb.co/bPEOt5

（项目正在与css模块做出反应，但我总结了结合的css）

按钮：

<a href="/kontakta-oss/" className={styles.cta}>
  Kontakta oss
  <Svg src={chevronSvg} className={styles.ctaChevron} />
</a>

其scss：

.cta {
    margin-top: 1rem;
    margin-left: 1rem;
    color: #fff;
    background: rgba(64, 142, 180, 0.75);
    fill: #fff;
    transition: background .1s;
    padding: 1rem 2rem;
    display: inline-block;
}

.cta-chevron {
    width: 1rem;
    vertical-align: middle;
    display: inline-block;
    margin-left: 1rem;
}

感谢任何帮助。

Answer 1

问题是@api.one @api.constrains('field') def to_upper(self): if self.field == "x": self.field = self.field.upper()中的@api.one @api.constrains('field') def to_upper(self): if self.field == "x": self.field = self.field.upper() else: raise ValidationError("Error")元素。 IE给它一个大约150px的高度，这使得<svg>的高度更大。

<a>

如果您在IE中打开F12工具并删除<a>元素，则<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" viewBox="0 0 238.003 238.003" x="0px" y="0px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1" > ... </svg>框的大小正确。

IE似乎无法正确推断SVG的内在高度 - 您可以通过向<svg>元素添加显式<a>属性来解决此问题，然后它将正确呈现。

IE中的一些元素更高

1 个答案: