Max высота не будет масштабироваться сайт

Question

я могу получить ширину моего проекта в масштабе, а не высоту (пробовал в FireFox и Chrome, и я понимаю, IE не будет работать)

Heres СМЧ Я использую :

section.main 
{ 
max-height: 100%; 
max-width: 100%; 
border: 1px solid black; 
width: 1000px; 
height: 800px; 
} 

Answer 1

ну, вы указываете высоту 800px. Таким образом, ваш сайт имеет высоту 800 пикселей.

Answer 2

если вы хотите расширить свой сайт на 100% вам нужно добавить

section.main 
{ 
    height:100%; width:100% 
} 

или

section.main 
{ 
    min-height:100%; min-width:100% 
} 

http://jsfiddle.net/RQvLF/1/

по высоте: 100%; вам нужен окружающий div, который будет иметь высоту, указанную в пикселях. или вы можете дать вашему разделу.main высоту необходимых пикселей.

max-height: 100%; и max-width: 100% означает, что этот div не должен быть больше 100% по высоте и ширине:

, как вы можете заявить: max-width:600px;, чтобы ваше внутреннее содержимое не превышало 600 пикселей.

Answer 3

Убедитесь, что вы:

html, body 
{ 
width : 100%; 
height : 100%; 
} 

Для DIV, чтобы иметь высоту%, должна быть определена высота родителя.

Обратите внимание, что ваша граница вызовет проблемы: секция будет 100% высоты + 2px. Вы можете использовать:

section 
{ 
box-sizing : border-box 
}