Лучше всего - адаптивный дизайн.

При адаптивном дизайне все нормально с картинками - растягиваются/сжимаются как нужно.
А вот текст, увы - 16px, который нормально смотрится на 1024-1100, на 1300 уже мелковат, а при 1600 и больше - вообще не читабельный!
Смысл использовать адаптивный дизайн, если на больших мониторах все равно ничего не прочитаешь!?

Т.е., что бы последовать Вашему совету, нужно все css и шаблоны переписать под em, что является весьма нетривиальной задачей!

Остается, правда, еще одна проблема - что делать с теми инлайн стилями, которые генерятся самой системой в коде $BODY$ - к сожалению, не все элементы, генерируемые при этом имеют свой класс, который можно было бы переопределить!

Увы, даже такие супернавороченные правила не дают возможности добраться до некоторых элементов! Ну и не следует забывать, что nth-child, к примеру, поддерживается начиная с ie9 - а еще немало можно встретить xp-ек с семеркой и висту с восьмеркой, в которых такой селектор не сработает!

h1 {font-size:150%;
}

h2 {
font-size:125%;
}

h3 {
font-size:112.5%;
}

h5 {
font-size:90%;
}

h6 {
font-size:80%;
}