Как уменьшить окно в мобильной версии (CSS свойство transform)?

92

Mahol

7 февраля 2019, 15:44

310

Всем доброго вечера.

Нужно уменьшить окно обратного звонка в мобильной версии. Нашел css, отвечающий за размер окна. Но окно меняется и в комп. версии, что не нужно.

Как сделать? Пытался через @media, но что-то не так делаю.

Вот код размера окна:

.pop_active {

transform: scale(1)!important;

opacity: 1!important;

}

png Screenshot_2019-02-07-18-42-32-059_com.android.chrome.png

D

31

devmastery

7 февраля 2019, 16:06

#1

Если я правильно понял запрос.


.pop_active {

	  opacity: 1!important;

	}



@media screen and (max-width: 767px) {

    .pop_active {

	  transform: scale(1)!important;

	}

}

1

Сайт под ключ (https://devmastery.ru)

92

Mahol

7 февраля 2019, 16:27

#2

devmastery, чуть исправил. Вроде работает, спасибо.

.pop_active {

opacity: 1!important;

transform: scale(1)!important;

}

@media screen and (max-width: 767px) {

.pop_active {

transform: scale(0.5)!important;

}