Задать вопрос
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
  • Вопрос задан
  • 344 просмотра
Комментировать
Подписаться Оценить Комментировать
Решения вопроса 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
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы