Почему на локальном компьютере я ставлю, допустим, размер 40px, а на сервере в файле css надо уже поставить 150px, чтобы добиться того же размера элемента?
Но, возможно, у вас там подключено что-то типа normalize.css, в котором box-sizing border-box для всех. А вы об этом не знаете.
Легче всего проверить через devtools в браузере.
Можно ещё отдать крошечный % вероятности на сбитый масштаб на странице браузера.
В DevTools смотрите вкладку Computed для элемента (она показывает актуальные значения CSS-свойств) и ищите разницу. Вкладка Computed может быть длинная, а что поделать.
Когда разница найдётся, ищите в коде по названию свойства, почему оно оказывается разным. Если разница не найдётся, дело может быть в контенте или дочерних элементах. В любом случае, это уже будет более осмысленный вопрос.
Если вы смотрите одним и тем же браузером, вряд ли дело в масштабе или базовом размере фонта (тот, который 16px по дефолту и от которого зависят все размеры в rem'ах).