Показать сообщение отдельно
  #3 (permalink)  
Старый 17.01.2015, 15:06
Интересующийся
Отправить личное сообщение для kroleternal Посмотреть профиль Найти все сообщения от kroleternal
 
Регистрация: 09.01.2015
Сообщений: 15

полурезиновый одностраничник, масштабируемый имейдж в фоне. по умолчанию прописано "background-size: cover", но с ним не везде все хорошо. потому написал cover "вручную", то бишь через условие -
примерно так:
var w_w_bg = $(window).width();
		var w_h_bg = $(window).height();
		if( (w_w_bg/w_h_bg) >= 1.7778 ) //соотношение сторон имейджа 16/9
		 { 
		var bg_w_res = w_w_bg;
		var bg_h_res = (w_w_bg/16*9);
		$('.bgwrapper').css( "background-size", "bg_w_res bg_h_res" );
		 }
		 else 
		 {
		var bg_h_res = ($(window).height()-$('#header').height());
		var bg_w_res = (bg_h_res/9*16);
		$('.bgwrapper').css( "background-size", "bg_w_res bg_h_res" );
		 };


этот скрипт решит мою проблему с адаптацией, если я все-таки смогу задать bg_w_res и bg_h_res
Ответить с цитированием