Где использовать em вместо px в CSS?
Я разрабатываю адаптивный сайт для нашего продукта. Я хочу знать, для каких определений CSS я должен использовать em вместо px. Каковы возможные будущие проблемы, с которыми мне придется столкнуться, если я буду использовать их на протяжении всего моего css.
Ниже приводятся определения CSS:
width
padding
border-radius
border
height
margin
line-height
font-size
box-shadow
text-shadow
Я использую em для свойств размера шрифта и высоты строки. Должен ли я использовать их для других свойств? Вызывает ли это проблемы с масштабированием в разных режимах DPI на разных мобильных и планшетных устройствах? Существуют ли какие-либо свойства CSS, для которых я должен использовать em (или px) специально, чтобы избежать будущих проблем при адаптивном проектировании?
Спасибо.
PS Я понимаю, что на этот вопрос нельзя ответить прямо. Я ожидаю, что мнения экспертов по вопросам масштабирования в различных режимах DPI и стандартах CSS будут следовать в адаптивном проектировании.