In the process of developing a web application, I encountered an issue regarding setting the width and height of a div to a fixed number, regardless of the zoom level. While I was successful in changing the background color of the div across all zoom levels, it appears that the max-height and max-width properties are not functioning as intended when zoomed.
@media (min-width:547px) and (max-width:683px)
{
#rcorners1
{
background-color:grey;
max-width: 200px;
max-height: 150px;
}
}