Ie11 导致我的网站出现问题

Question

大家好，我创建了一个网站，在我查看过的所有浏览器上都遇到了实际问题，但 ie11

网站是www.rebelrunnersmedway.co.uk

在 ie11 上，段落出现在列中，但在任何其他浏览器上都没有

Answer 1

您的网站已将 column-count 样式应用于 @media only screen and (min-width:38em) #content p

快速浏览一下 multicolumn caniuse page，它似乎只在 IE 中显示，因为所有其他浏览器（Opera Mini 除外）都需要使用特定于供应商的前缀。

如果您希望各列都出现，请将规则更改为：

/*@media only screen and (min-width:38em)*/
#content p {
    font-family: Oxygen;
    font-size: 18px;
    line-height: 24px;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}

如果您不需要这些列，只需删除 column-count 属性即可。