Размер элемента HTML по умолчанию (Масштабирование страниц HTML)

Question

Есть ли способ определить вероятный размер элемента HTML, например тега H1 в пикселях относительно размера порта просмотра.

Я хочу отображать HTML-страницы внутри страниц, и я хочу соответствующим образом масштабировать содержимое. Ясно, что если элемент задает высоту в пикселях или аналогичную, я могу легко уменьшить ее, но если высота не указана, как я могу продолжить?

Любые предложения, указатели или идеи приветствуются, не имеет значения, есть ли какой-либо код на PHP, Python, C ++ или ASP ... поскольку я ищу метод, а не код как таковой.

Спасибо

mintydog

Answer 1

body {
    font-size: 62.5%;
}

#container {
    font-size: 1.0em; /* eq to 10px */
}

Тогда размер шрифта или размер / масштабирование элемента будут выполняться в таких масштабах, как:

• 1,0em = 10px
• 1.1em = 11px
• 1,2em = 12px
• 2,0em = 20px
• 5,0em = 50px

Если у вас есть элементы в другом div, вы можете просто добавить .5em или что-то еще, чтобы сделать его уменьшенной версией сайта, если он соответствует той же структуре em. Если нет, вам придется делать скриншоты.

Также, как упомянул Итай, вы должны сначала начать с reset.css, а затем сделать это, чтобы сохранить его согласованность. Вам придется повторно применять стили для тегов, таких как strong, em, заголовки и т. Д., Но вы всегда будете иметь правильную базу при использовании файлов reset.css, прежде чем делать такие вещи, как указано выше, например reset.css Эрика Мейера

Answer 2

Возьмите один из CSS-файлов сброса в сети и используйте их (измените их, чтобы все элементы имели размеры).
Используйте проценты или EM для размеров.