Почему в cacl не работает деление между vh и vw?

Question

[Дмитрий]

Добрый день! Суть в заголовке. Для примера:

.cls {
  padding-top: calc(100vh / 100vw)
}

Простой код вычисления соотношения сторон, свойство padding-top только для примера, по идеи, должно работать, но НЕТ! Почему? Похоже что это ограничение самого браузера...

Comments

[Lynn «Кофеман»]

А что у вас в школе по физике было?
Там была такая штука как единицы измерения.

Хотя это чисто общего образования.
Ошибка вообще конечно не в этом.

[Дмитрий]

Lynn «Кофеман»,

А что у вас в школе по физике было?
Там была такая штука как единицы измерения.

Хотя это чисто общего образования.
Ошибка вообще конечно не в этом.

Как болезнь называется? Классическая шизофрения?

[Lynn «Кофеман»]

Дмитрий, что вы хотели показать этим куском (невалидного) CSS?

[Сергей delphinpro]

Lynn «Кофеман»,

Хотя это чисто общего образования.

Ошибка может и не в этом. Но только очень странному человеку может прийти в голову поделить килограммы на километры...

(Ну да, в контексте css calc не очень правильная аналогия, но всё же.. как?)

[Дмитрий]

Сергей delphinpro

килограммы на километры

А это:

.cls {
  padding-top: calc(100% - 10rem)
}

не "килограммы на километры"?

[Сергей delphinpro]

Дмитрий, это вычитание. не деление.

[Дмитрий]

Сергей delphinpro, А разве это меняет суть? Исходя из вашей логики, это ничто иное как отнять "килограммы от километров" Или только деление на особом положении? Выше "знаток" говорит о соответствии единиц измерения и о знаниях физики... %-ты и rem-ы, pt-ы и px, и т.д. в процедуре вычитания\умножения\сложения, как? Соответствуют? На самом деле, ответ очевиден, довод в пользу соответствия единиц измерение - мусор выпавший из головы. На деле, браузер спокойно преобразует одни типы в другие. Ограничение на деление, скорее всего, сделано для безопасности.

Answer 1

[Lynn «Кофеман»]

Читаю доки вслух и с выражением:

https://developer.mozilla.org/ru/docs/Web/CSS/calc

/
Деление. Делитель должен быть <number>.

100vw это не <number>.