Изображение по размерам родителя в CSS, как?
img{
    display: block;
    max-width: 100%;
}
Это правило должно быть в любой верстке
не выходя за рамки родителя?
указываете ширину равную 100% и все, высоту браузер сам вычислит, можно установить max-*, чтоб за рамки не выходило изображение