tengo un codigo similar a este:

.contenedor-img {
max-width: 300px;
max-height: 200px;
float: left;
overflow: hidden;
position: relative;
/*text-align: center;
cursor: default;*/
background: #fff;
}  como hago para colocar esos px en su equivalente en % ?