#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. да, я мог бы, но тогда пустое поле не будет правильно выравниваться с другими.