浏览器的图像大小相同

Question

你们知道如何在浏览器中显示相同的图像大小。或类似的大小。我在一个网站上工作，我在div中包含的图像显示的大小太大，特别是对于Safari，它看起来太小了。在大多数浏览器中，图像占据了页面的90％，但在Safari中，它占据了大约25％的页面。 CSS就像这样

 #menu img{

 max-width:70% !important;
    height:auto;
    display:block;

}
@media screen and (orientation: portrait) {
  img { max-width: 80%; }
}

@media screen and (orientation: landscape) {
  img { max-height: 50%; }
}