<div class="bg"></div>
<div class='"yandexMap"></div>.yandexMap{
opasity: .8;
}
.bg {
backdrop-filter: blur(5px)
}# При помощи Jquery http://jquery.com
# Работает адаптивно
function mainAutoSize(){
childH = $('.child').height();
childW = $('.child').width();
$('.main').height(childH);
$('.main').height(childW);
}
$(window).resize(function(){
mainAutoSize();
});
// все экраны с минимальной шириной 960px и больше
@media (min-width: 960px) {
// Тут условия для этого размера экрана
.wrap {
width: 960px;
}
}
// все экраны с минимальной шириной 768px и до 959px
@media (min-width: 768px) and (max-width: 959px) {
// Тут условия для этого размера экрана
.wrap {
width: 768px;
}
}<meta name="viewport" content="width=device-width, initial-scale=1.0">