CSS вертикальный размер

Question

Я не могу получить размер области контента на веб-странице, размер и правильное выравнивание.Область должна использовать все видимое пространство по вертикали, за исключением 80 пикселей сверху и 20 пикселей снизу.А в некоторых случаях страница может продолжаться и дальше (но вам придется прокрутить ее, чтобы увидеть).

Пример: а) Если область экрана 800x600 - область содержимого должна иметь высоту 500px б)Если область экрана 700x1100 - область содержимого должна иметь высоту 1000 пикселей

Сайт построен с использованием HTML и CSS.

Answer 1

Вы можете установить различные правила в зависимости от размера экрана, используя медиа-запросы. Например, что-то вроде этого:

@media only screen and (max-width: 1099px) {
  /* rules that only apply for canvases narrower than 1100px */
}

Answer 2

Вы должны посмотреть на концепции жидкого макета.См .: Что такое жидкий макет? .

Я думаю, что лучший вариант в вашей ситуации - использовать разные CSS для разных разрешений экрана