Могу ли я сначала сделать дизайн в пикселях, а потом преобразовать все в em?

Question

Могу ли я сначала сделать HTML-макет в пикселях, а затем преобразовать все, что когда-либо понадобилось в em позже? Есть ли муравей инструмент или метод для этого?

Answer 1

Ты "можешь", но это было бы болезненным и несовершенным заданием.

Все изменилось бы немного . Перераспределение, изменение размера и расположение всего на вашем сайте займет много времени.

Answer 2

Это было бы довольно сложно, поскольку px - абсолютная единица, а em - относительная единица.

Рассмотрим эту разметку, например:

<div style="font-size:20px;">
    <p style="font-size:10px;">The quick brown foxed jumped over
        the lazy dog<span style="font-size:30px">s</span></p>
</div>

(приблизительно) em эквивалент будет:

<div style="font-size:20px;">
    <p style="font-size:0.5em;">The quick brown foxed jumped over 
        the lazy dog<span style="font-size:3em;">s</span></p>
</div>

Что не может быть сразу очевидным.