Если проблема заключается в том, что шрифт становится слишком большим на широкоэкранном рабочем столе, я думаю, что самый простой метод css был бы примерно таким (предполагая, что обертка max 1000px wide)
.specialText{
font-size:2.4vw;
}
@media only screen and (min-width: 1000px) {
.specialText {
width:24px;
}
}
. Таким образом, он автоматически задается для любого экран меньше максимальной ширины вашего контейнера и фиксированный размер, когда экран шире (например, практически все настольные / ноутбуки)
Существует замечательная Настройка многоплатформенных пакетов npm в статье доктора Акселя Раушмайера, которая объясняет, как вы можете достичь того, чего хотите.
Node.js будет искать только поле main
в package.json
, чтобы найти модуль, поэтому вы должны указать путь к build/test-node.j
. Разработчики, которые связывают код браузера (например, Webpack, Rollup), сначала дополнительно посмотрят на поле browser
(если target: web
), где вы должны указать путь к вашему build/test-web.j
. Итак, ваш package.json должен выглядеть так:
{
...
"main": "build/test-node.j",
"browser": "build/test-web.j",
...
}