Автоматическое масштабирование элементов bootstrap в браузере

Я создал веб-приложение, которое использует элементы bootstrap. Когда я нажал на производство, я заметил, что в некоторых браузерах (например, Safari, Firefox) моя веб-страница автоматически масштабируется так, что элементы кажутся больше, чем когда я проектировал их в своей локальной среде (хорошо выглядит в Chrome).

Сафари:

скриншот

После фиксации масштабирования вручную:

скриншот

Код: on my github

Может кто-нибудь помочь указать мне правильное направление? Если я уменьшаю масштаб браузера вручную в других браузерах, моя веб-страница выглядит нормально. Я хотел бы найти решение на моем конце, которое не требует ручного изменения масштаба %.

1 ответ

  1. Здравствуйте, если я правильно вас понял, вы хотели бы уменьшить свой контент в Safari и Firefox. На этой странице есть кое-что, что, я думаю, может вас заинтересовать. Поиграйте с ним. https://css-tricks.com/almanac/properties/t/transform/

    В основном масштаб() влияет на размер элемента. Это также относится к размеру шрифта, заполнению, высоте и ширине элемента. Это также сокращенная функция для функций scaleX и scaleY.