- 14, May 2024
- #1
Привет
У меня проблема: я пытаюсь создать гибкое и отзывчивое изображение в решении div в bs 3, как я начал в 2017 году, но оно работает частично, что означает, что когда я обновляю страницу, в противном случае этого не происходит.
изображение не следует за изменением ширины div. код:
изображение не следует за изменением ширины 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):