Подтвердить что ты не робот

Размер шрифта: 62,5% по сравнению с размером шрифта: 10 пикселей

В течение долгого времени я использовал

body {font-size:62.5%;}

в документах CSS, поскольку он должен сделать 1em равным 10px. Тем не менее, я недавно заметил, что это не относится ко мне в Internet Explorer. Поэтому вместо этого я попробовал код:

html {font-size:100%}
body {font-size:10px}

Теперь это работает как прелесть для меня. Мой вопрос:

Какой недостаток этого решения, так как я не могу найти кого-либо еще, используя его?

Чтобы уточнить: позже я укажу все размеры шрифта, ширину, высоту и т.д. в em. Это просто в теле я использую 10px вместо 62.5%.

Ответ 1

Вы получите аргументы для обеих сторон этой проблемы. Я предполагаю, что большинство будет спорить за%. Но вы просили о недостатках или подводных камнях.

Основным недостатком, с которым вы столкнулись, было бы, если бы вы столкнулись с браузером или устройством, которое выполнило настройку вашего пикселя вместо процента от того, что было по умолчанию, и что настройка пикселей оказалась проблематичной или слишком малой для чтения. Если этот браузер не предоставил пользователю возможность масштабировать шрифт или увеличивать масштаб страницы, тогда у вас может возникнуть потенциальная проблема.

Все, что было сказано, почти каждый браузер в эти дни имеет этот набор по умолчанию 16px. Я не могу говорить, почему IE в вашем случае определяет его по-другому. Если вы собираетесь создать идеальный размер пикселя, тогда используйте px, иначе я предлагаю остаться с%.

Ответ 2

Вы можете просто использовать:

html {font-size:10px}

Знайте, что вы можете работать только с rem или em без сложных вычислений: 1 rem = 10px 2 rem = 20px