Можно ли получить фиксированное значение vw или vh при загрузке страницы?

Question

Я хотел бы иметь вертикально и горизонтально центрированные div, которые имеют ширину 70vw и высоту 70vh.Примерно так:

.centeredBox {
  width: 70vw;
  height: 70vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

Однако я не хочу, чтобы ширина и высота пересчитывались каждый раз, когда изменяется размер области просмотра.Если возможно, я бы хотел, чтобы значения 70vw и 70vh рассчитывались только при загрузке страницы, поэтому он начинается с этого размера, но также остается неизменным, независимо от того, изменяется ли размер окна браузера.Можно ли преобразовать значения vw или vh в число пикселей?

Пожалуйста, не используйте Javascript.Мне нужно это "NoScript-совместимый".

Answer 1

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