низу страницы
При размере экрана в 4к он увеличивается стилем zoom: 2
В хроме всё хорошо, в сафари тоже. В firefox нифига не чего не увеличивается потому что нет поддержки ZOOM
Эту шляпу пытался закостылить загугленным решением из интернетов
-moz-transform: scale(2);
transform-origin: 0% 100%;
width: 50%
НО тут возникает новая проблема! Во всех остальных браузерах футер будет шириной в пол экрана.
Переделывать с нуля сильно не хочется, тем более код не мой
Из всей вышеописанной портянки 2 вопроса:
1) Можно ли найти иную замену zoom для firefox?
2) Как можно сделать width: 50% только для firefox?
P.S. Если ктото ответит а я не отвечу в ответ значит я свалил спать. Сорян😁
function checkBrowser(){ let browser = ""; let c = navigator.userAgent.search("Chrome"); let f = navigator.userAgent.search("Firefox"); let m8 = navigator.userAgent.search("MSIE 8.0"); let m9 = navigator.userAgent.search("MSIE 9.0"); if (c > -1) { browser = "Chrome"; } else if (f > -1) { browser = "Firefox"; } else if (m9 > -1) { browser ="MSIE 9.0"; } else if (m8 > -1) { browser ="MSIE 8.0"; } return browser; } Попробуй вот такое. Если фф, вешаешь класс со стилями своего костыля
🤔 Спасибо, попробую
https://developer.mozilla.org/ru/docs/Web/CSS/@supports
Примерно так @supports not (zoom) { width: 50%; }
А почему нельзя для всех юзать трансформ скейл? )
Отличная идея!) даже не вспомнил про этот @supports
Во всех остальных браузерах работает нормально. да и Код не мой) мне нужно только пофиксить эту проблему
Обсуждают сегодня