Задать вопрос
frost18
@frost18
Программист PHP
css

Почему текст в элементе button имеет разную длину в Chrome и Firefox?

В хроме длина 98px, а в Firefox 113px. Почему так происходит? Мне нужно что бы текст был одинаковой длины.

<!DOCTYPE html>
<html>
    <head>
        <style>
            .a{
                margin: 0;
                padding: 10px;
                border: 0;
            }
        </style>
    </head>
    <body>
        <button class="a">Приветствие</button>
    </body>
</html>

jsfiddle.net/u20uysyo
  • Вопрос задан
  • 347 просмотров
Комментировать
Подписаться Оценить Комментировать
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Попробуйте убрать в FF отступы
button::-moz-focus-inner { 
	border: 0;
	padding: 0;
}

Установив шрифт, мы получим легкие расхождения в рендеринге самого шрифта, но по размерам всё примерно одинаково.

bd4e963e46a446f088d2ed53984582ba.png
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 3
idclev31
@idclev31
Местный дурачек
используйте какой-нибудь css reset,возможно это несколько исправит ситуацию
Ответ написан
1 комментарий
1 комментарий
Adara
@Adara
front-end
возможно из-за шрифта. в мозилле и в хроме бывает шрифты по-разному выглядят. особенно это на убунте заметно. не знаю точно - рендерятся ли они по-разному или дефолтные настройки разные. надо гуглить.
Ответ написан
Комментировать
Комментировать
DeadCowsDontMoo
@DeadCowsDontMoo
web
Потому что Chome это ппц, а не браузер - вот почему :D

ЗЫ. Такой вывод я сделал после 2-х дней мучения с Chrome+HTML5
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners LLC
от 350 000 до 420 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Тайный покупатель
02 февр. 2025, в 10:45
1000 руб./за проект
Сделать копию бота тг
02 февр. 2025, в 10:19
7000 руб./за проект
Wordpress добавить шлюз
02 февр. 2025, в 08:12
2500 руб./за проект
Ещё заказы