Адаптивная верстка.

[Сергей2003]

У меня есть несколько блоков. Блоки должны быть все одинаковой высоты и ширины и располагаться на одном уровне. В каждом из них есть несколько строк текста. При изменении размера экрана количество строк в некоторых блоках может стать больше и из-за этого может меняться высота этих блоков. Т.е. блоки могут стать разной высоты. Подскажите, пожалуйста, как сделать, чтобы это не произошло ? Может надо во view определять размерность экрана и в зависимости от от этой размерности добавлять пустые строки ? Может есть какой-нибудь другой путь ?

[proctoleha]

Как вариант - js, повесить на ресайз что нибудь вроде этого

Код: Выделить всё

function changeHeight (arr) {
   var mh; 
   for(key in arr) {
       mh = 0; 
       $(arr[key]).each(function () {
           var h_block = parseInt($(this).height());
           if(h_block > mh) {
              mh = h_block;
           };
       });      
       $(arr[key]).height(mh);          
   }  
}
$(window).on('load', function(){
	changeHeight(['.my-class1', '.my_class2']);	
});

[Сергей2003]

Т.е. надо проверять изменилась ли высота блока ?

[someweb]

Flexbox
https://developer.mozilla.org/en-US/doc ... of_Flexbox

[Сергей2003]

Спасибо за информацию. Почитаю.

[Сергей2003]

Someweb, огромное спасибо. Все получилось. А то я не знал что и делать. Удачи Вам !