2015-06-03 2 views
1

пример: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_height Я могу изменить ширину в терминах% или px, но Я могу только изменить высоту в терминах px, а не% (вы можете поэкспериментировать, изменяя высоту на% и видя, что она не изменяется). Это всего лишь пример, но мне интересно, как вы меняете высоту с точки зрения%? Спасибо.Высота HTML-изображения (в%) не изменяется?

ответ

0

Если вы хотите использовать процент height в div, его родительские объекты должны иметь явное свойство height. В отличие от width, сайт с фиксированными высотами принесет вам проблемы.

Мой совет: не использовать процент height в формате HTML. Вместо этого попробуйте padding

#mydiv{ 
    padding-bottom: 20%; 
} 

Смотрите here для получения дополнительной информации.

+0

Да, «Смотрите здесь, для получения дополнительной информации» действительно помогли. Div даст свои оценки высоты, а затем я могу установить высоту в% от этих границ.

Smiley face

+0

Даже тогда он не масштабируются, но я предполагаю, что нет ничего, что может быть сделано. Редактировать: not sure how add add padding on the bottom помогает –

+0

Редактировать: #mydiv { высота: 50vh; фон: красный; ширина: 50%; } работы –

0

все работает нормально. просто изменить, как ширина = "200%"

IMG SRC = "smiley.gif" ALT = "Смайлик" ширина = "200%" высота = "400%"

см высота = "400% "

Смежные вопросы