Question

如何在以下简单的css中解决跨浏览器中的高度和边距问题。在Internet Explorer和Firefox中，div元素的高度大于指定每个屏幕大小还有标题与其他div元素之间的边距或其他元素的页脚不均匀。 **或任何网站参考表格，我更深入地了解解决方案**。提前谢谢

 @media screen and (max-width: 480px) 
{

  html ,body  
{
width : 100% ;
height :100% ;
font-size : 1rem ;
}

.header ,.footer
{
display : table-row;
background : white ;
height : 10% ;
width : 100% ;
overflow : auto ;
} 
.left
{
display : table-row;
background : red ;
height : 26.66666666666667%;
width : 100% ;
overflow : auto;

}
 .center
{
display : table-row;
background :blue ;
height : 26.66666666666667%;
width : 100% ;
overflow :auto ;
}
.right
{
display : table-row;
background : gray ;
height : 26.66666666666667%;
width : 100% ;
overflow : auto ; 

}

}

Answer 1

要解决大多数CSS跨浏览器问题，请尝试使用CSS重置。您可以从here获取最新的内容。

我建议您使用 normalize.css ，因为我之前使用过它，它非常适合修复这些问题。但是测试所有这些并检查哪一个满足您的需求。

如何解决跨境高度和保证金问题

1 个答案: