Возможно ли уменьшить скрипт?

Question

[Евгений]

2 строки одинаковые

var getstarted_resize = 16/8
			$(function() {
				$('.getstarted').height($('.getstarted').width() / getstarted_resize);
			});		
				$(window).resize(function(){
					$('.getstarted').height($('.getstarted').width() / getstarted_resize);
				});

Answer 1

[Finesse]

Да:

function onResize() {
  $('.getstarted').height($('.getstarted').width() / (16/8));
}
$(onResize);		
$(window).resize(onResize);

Comments

[Евгений]

Спасибо!!!

[Finesse]

Juodvirshis: да не за что. P.S. Задачу, которую решает этот скрипт, можно решить без применения JS с помощью двух особенностей CSS: 1) если задать размер отступа (padding) в процентах, то проценты будут считаться относительно ширины (даже если отступ сверху или снизу), 2) координаты абсолютно-спозиционированного элемента отсчитываются от границы элемента, то есть от внешнего края padding-зоны.

[Сергей Протько]

Finesse: на всякий случай, если контейнер имеет display: flex то паддинги начинают свой отсчет уже нормально (паддинги по ширине будут привязаны именно к ширине, и по высоте к высоте). Но не думаю что у автора там флексбоксы.

[Finesse]

Сергей Протько: спасибо за замечание. Флексбоксы ещё не имеют достаточно широкой поддержки браузерами, поэтому я их широко не использую.

[Сергей Протько]

Finesse: у меня половина проектов IE11+ так что я то как раз их активно использую. Да даже на проектах IE10+ их можно уже использовать. Поддержка браузерами у них неплохая - заведется у 79% пользователей.

[Finesse]

79% — мало: 1 из 5 потенциальных клиентов не смогут нормально посмотреть информацию. Я пока делаю под IE8+. Самому flexbox очень нравится, использовал бы везде.

[Котик Антон]

Finesse: Об этом речь https://css-tricks.com/snippets/sass/maintain-aspe... ?

[Finesse]

27cm: ага