@Andrei1penguin1

Почему FireFox некорректно отображает border-radius?

Есть тестовый html-код:

<!DOCTYPE html>
<html>
<head></head>
<body>
  <input style="border: 1px solid black; border-radius: 30px;">
</body>
</html>

Есть браузер FireFox 129.0, где такой элемент при ширине окна устройства менее 490 пикселей отображается следующим образом:

66b36aa549aa5274587636.png
При увеличении ширины окна >=490 отображение резко улучшается:

66b36b06a7641041190078.png
При этом если открыть любой сайт (например хабр) и вместо исходного кода вставить вышеприведенный, отображение на любой ширине окна будет корректным, в отличие от первых двух скриншотов:

66b36bbbbf40b088078703.png
Из-за чего возникает проблема резкого утолщения границ с border-radius в FireFox (первый скриншот), почему эта проблема становится значительно меньше при увеличении области просмотра >=490px (второй скриншот), и почему при вставке данного кода вместо любой страницы в интернете браузер отображает все корректно (третий скриншот)?
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Кажется, дело в отсутствии https://developer.mozilla.org/en-US/docs/Web/HTML/...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект