Почему не работает анимация на ipone?

Дмитрий Чайников, В chrome не пробовал, но в safari работает

Почему не работает анимация на ipone?

Ну конечно через rgba. спасибо

Почему не работает анимация на ipone?

поправил и очистил кеши. Если у тебя айфон, не посмотришь поправился?

Почему не работает анимация на ipone?

и из за это в айфоне может не работать? а на всех других устройствах работать?

Почему не работает анимация на ipone?

-webkit- естественно добавлен. просто тут не написал чтобы длинным не был. Если имеется айфон вот сайт можете посмотреть https://slclinic.ru/
это применил над трубкой. правый нижний угол .

Какое разрешение имеет смартфон на самом деле?

Спасибо за ответ.

Почему mousemove не работает для сенсорных экранов?

SL_BTN_ARROWS.addEventListener('touchstart', function(ev){

document.body.addEventListener('touchmove', f);
document.body.addEventListener('touchend', function(){
document.body.removeEventListener('touchmove', f);
},{once: true});

})

так ведь должен был работать?

Почему mousemove не работает для сенсорных экранов?

mousemove -> touchstart
mouseup -> touchend ???

Масштабирование плюс адаптация. Как реализовать?

но все это сделай в медиа - min-width: 990px

Масштабирование плюс адаптация. Как реализовать?

Я тебя совершенно правильно понял. задавай все по vw. и ширину, высоту, отступи и даже font size можно

Как исправить конфликт media query и bootstrap4?

и комментарии убрал?
даже не знаю. скорее всего нужно поймать что его переопределяет и поправить.
/* comment */ вот так

Как исправить конфликт media query и bootstrap4?

комментарии убирай или став правильно

Как исправить конфликт media query и bootstrap4?

media only screen and (max-width: 480px)
так должно быть а не так
media screen and (max-width: 480px)

Как исправить конфликт media query и bootstrap4?

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

Как исправить конфликт media query и bootstrap4?

можешь мне копи пастить html этого блока .block1-text

Как исправить конфликт media query и bootstrap4?

а где это написано
media (max-width: 361px) {
.block1-text {
background: red;
color: black;
}
}

Как исправить конфликт media query и bootstrap4?

а какие еще классы имеется у этого блока .block1-text. особенно бутстраповские

Как исправить конфликт media query и bootstrap4?

Попробуй с инструмент разработчиком понять что происходит с этой .block1-text.

Как управлять высотой контейнера по соотношению к его длине?

Высоту задавай по vw