Как закрыть страницу html кнопкой из этой страницы?

Вячеслав, не

Почему не работает анимация в google chrome?

sim3x, Почему? Префиксы же наоборот придуманы для большей кроссбраузерности.

Почему не работает анимация в google chrome?

Спасибо, в этом и была проблема)

Как масштабировать окно, если не указан viewport?

Qlink, Спасибо! не знал, что так можно.
Тогда у меня возник встречный вопрос. А не повлияет ли указанный "viewport" в моем модальном окне на весь сайт?

Как масштабировать окно, если не указан viewport?

Если сайт без "viewport" открыт на мобильных девайсах, то модальное окно очень маленькое. А форма с input еще меньше..

Как масштабировать окно, если не указан viewport?

Ankhena, c обверткой понятно это. А как тогда с размерами input, font-size, border и т.д поступить?

Почему не работает background-image на мобильных устройствах?

shmatuan, Знаю.. Но не работает.. Проблема в самом градиенте, только не понял в чем именно.. Потому, что к примеру это градиент работает везде:

.style4 {
    background-image: linear-gradient(to right, rgb(253, 200, 48), rgb(243, 115, 53));
}

Почему не работает background-image на мобильных устройствах?

Фиксация фона работает. Проверил и в safari и google chrome на iphone. Проблема в самом градиенте, только не понял в чем именно.. Потому, что к примеру это градиент работает везде:

.style4 {
    background-image: linear-gradient(to right, rgb(253, 200, 48), rgb(243, 115, 53));
}

Почему в браузере Safari не работает данный media запрос?

Дело не в высоте, т.к другие медиа-запросы работают с такими же данными. У меня есть версия, что Safari "не любит" media (max- .. ), потому, что если изменить с этого:

(max-width: 320px) and (max-height: 600px)

на это:

@media (min-width: ...) (min-height: ...) { }

Вышел с положения, что переписал весь код начиная от меньше точки, и увеличивая уже - media (min-width: ...)

Какие используете единицы измерения при верстке?

А как потом при верстке адаптива, они меняются относительно ширины/высоты экрана? А вдруг не будет совпадать с размером в макете?

А это уже Вам стоит почитать мануалы использования rem) Сразу ссылки на статьи не найду, если подвернется - напишу.
От себя добавлю в пример bootsrap 4 который не зря перешел в rem.

Какие используете единицы измерения при верстке?

Виктория Зголич, Это в браузерах, размер шрифта по умолчанию)

100% = 1em = 1rem = 16px = 12pt

Ка разместить все колонки в одну строку, если колонок переменное кол-во?

Не могу. Т.к если в строке 4 колонки то нужно ставить "col-lg-3", а если в строке 3 колонки - то нужно ставить "col-lg-4".. Вот такая засада у меня..