Firefox по умолчанию проблема размера шрифта

Question

Гибкие макеты используют ems или% в качестве единиц размера шрифта. Обычной практикой является использование основного шрифта размером 62,5%

Но шрифт Firefox по умолчанию имеет размер 14px, что приводит к уменьшению размера шрифта по сравнению с другими, у которых значение по умолчанию составляет 16pxразмер шрифта

Разве мы не можем установить размер основного шрифта в 10 пикселей, чтобы относительные размеры работали в каждом браузере.

Answer 1

Кроме того, в дополнение к ответу @ Ray.

Для подобных браузерных несоответствий рассмотрите возможность использования таблицы стилей сброса.

Хороший вариант можно найти здесь ,и здесь .

Я вставляю код здесь для справки.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

Answer 2

Вы говорите здесь много правильных вещей:

• Эмс и проценты традиционно были единицами, используемыми для "масштабируемых" макетов.

• «Каскад» в CSS включает в себя собственную таблицу стилей браузера .Поэтому всякий раз, когда вы опускаете свойство стиля для какого-либо элемента, оно выполняет поиск в каскаде и извлекает эти отсутствующие свойства из таблицы стилей браузера в конце цепочки.

• Если вы хотитеПиксельная обработка шрифта для текста страницы, который выглядит одинаково во всех браузерах, вам нужно определить размер шрифта самостоятельно.Использование px в элементе body должно дать вам то, что вы хотите.Я не знаю ни одной причины, почему это все еще проблема.Было время, когда некоторые люди избегали px, но современные браузеры прекрасно справляются с масштабированием, потому что я подозреваю, что это гораздо меньше проблем, чем было.