По какой-то причине некоторые кнопки неоправданно большие, даже в безопасном режиме, но это, похоже, происходит только на Meta (я пробовал на других форумах, но не смог воспроизвести проблему).
Возможно, имеет значение следующая информация:
строка user-agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
точная версия веб-браузера: 119.0.6045.209
размер шрифта по умолчанию (установлен в chrome://settings/fonts): 12
минимальный размер шрифта (установлен в chrome://settings/fonts): 0
настройка Font size (установлена в chrome://settings/appearance): Small
масштаб страницы: 100% (проблема сохраняется и при меньшем, и при большем масштабе)
размер дисплея: 1366x768
2 лайка
Я также могу воспроизвести это в Google Chrome на Windows 11
А также на iPhone 13 Pro с установленным Chrome
1 лайк
david
21.Март.2024 17:50:31
3
5 лайков
Don
21.Март.2024 17:50:58
5
Привет
Этот коммит имеет отношение к проблеме. Я могу воспроизвести её, изменив размер шрифта в браузере указанными вами способами.
committed 04:23PM - 20 Mar 24 UTC
Previously we had an iOS-specific sizing rule which would increase inputs to `1.… 07em`, which would bring them over the 16px 'zoom on focus' threshold in some (but technically, not all) situations.
This commit does two things:
1. Updates the sizing rule from `1.07em` to `max(1em, 16px)`. Essentially: use the cascaded font size, unless it is smaller than 16px
2. Applies that sizing rule on all platforms. This will make Discourse design/theming more consistent across different devices
It also removes some associated CSS rules which no longer make sense.
Это происходит потому, что браузер применяет установленный размер шрифта ко всему тексту. Поэтому выражение max(1em, 16px) не может работать корректно.
4 лайка
david
21.Март.2024 18:00:14
6
5 лайков
Питер Гриффин, его CSS-стили в беспорядке
5 лайков
david
22.Март.2024 08:00:11
8
Эта тема была автоматически закрыта через 14 часов. Новые ответы больше не принимаются.
