Я не смог найти похожего

Привет У меня проблема: я пытаюсь создать гибкое и отзывчивое изображение в решении div в bs 3, как я начал в 2017 году, но оно работает частично, что означает, что когда я обновляю страницу, в противном случае этого не происходит.

изображение не следует за изменением ширины div. код:

 


var h2 = $(".city01").width();


$(".city01").width(h2);


$(".city01").height(h2);


$(".imgsz").width(h2);


$(".imgsz").height(h2);


<!-- $(".city01").text($("#div11").width());-->


//$(".city01").height();


/*


if ($(".imgsz").width() < $(".imgsz").height()) {


$(".imgsz").height(h2);


} else {


$(".imgsz").width(h2);


(*/


$(window).resize(function(){


h2 = $(".city01").width();


//$(".city01").css({'height':(h11)+'px'});


$("#div11").text(" width : "+ $(".city01").width ()+ " height : "+ $(".city01").height());


/* 


if ($(".imgsz").width() < $(".imgsz").height()) {


$(".imgsz").height(h11);


} else {


$(".imgsz").width(h11);


}


*/


$(".city01").width(h2);


$(".city01").height(h2);


[URL='https://lumtu.com/yti/QYVVYQkJodHRwczovL2NvZGVwZW4uaW8vY2ZyYW5rMjAwMC9wZW4vellxRlle']https://codepen.io/cfrank2000/pen/zYqEVBB[/URL]


$(".imgsz").width(h2);


$(".imgsz").height(h2);


});

Код (JavaScript):

1) что делает верстку частью бизнеса JavaScript?

2) какое значение имеет верстка в JavaScript?!?

Теперь я понимаю, что на самом деле это только один момент, но это такой колоссальный камень преткновения, что я подумал, что стоит упомянуть его дважды.

3) НЕ используется для комментирования кода в JavaScript.

4) как сказал @sarahk, как/где вы вызываете этот код? Я думаю, его нужно будет запускать как при загрузке, так и при window.onresize.

При этом смотрите пункты 1 и 2.

Он прекрасно работает без JavaScript - см. https://jsfiddle.net/itamer/35kb1ms4/2/

Код, который у вас есть выше – какой прослушиватель вы используете для его вызова? Что является триггером?