IE11寬度：100％，最大寬度：300px； 在一個元素上

Question

我在IE11中存在以下標記/樣式問題：

 main{ width: 100%; max-width: 300px; margin: 0 auto; } 

 <main><p>lorem</p></main> 

問題是在IE11中不考慮最大寬度。

它在<IE11，IE11中與新的spartan引擎和所有其他瀏覽器一起正常工作。

Answer 1

IE在其main元素的瀏覽器樣式表中尚未display:block block-在您自己的樣式表中添加IE可以解決此問題。

main {
  display:block;
  /* rest of your properties */
}