пустое поле не будет корректно изменять размер

#css #responsive-design

#css #адаптивный дизайн

Вопрос:

Я создаю адаптивный шаблон. Большая часть страницы содержит изображения, которые имеют приятный размер.

Однако есть одно пустое поле, размер которого я хочу изменить пропорционально изображениям.

Однако, когда я перехожу на меньшие размеры экрана, ширина хорошо реагирует, но поле сворачивается, чтобы не иметь высоты.

Я понимаю, что я мог бы использовать некоторый jQ, чтобы получить требуемую высоту, но это похоже на использование молотка, чтобы расколоть орех.

Вот css

 /*full width*/
.moduletable_homeSMPosition007
width: 213px;
height: 119px;
background-color:#E9ABAF;
border:1px solid #d1d3d4;

/*inside a media query*/
.moduletable_homeSMPosition007 {
box-sizing:border-box;
max-width:48%;
height:auto;
width: auto9;
}
 

Комментарии:

1. возможно, вы можете добавить какую-то минимальную высоту, равную наименьшему возможному размеру на экранах.

2. да, я мог бы, но тогда пустое поле не будет правильно выравниваться с другими.