Less.js: Как ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΡƒ со ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 9 Π°ΠΏΡ€. 2017  Β·  6ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: less/less.js

div {
    <strong i="5">@value</strong>: 1px;
    a: <strong i="6">@value</strong> * 1rem;       // 1px  - ok
    b: <strong i="7">@value</strong> * 1px * 1rem; // 1px  - ok
    d: <strong i="8">@value</strong> / 1px;        // 1px  - ok
    c: <strong i="9">@value</strong> / 1px * 1rem; // 1rem - unexpected
    e: <strong i="10">@value</strong> / 1px + 0rem; // 1rem - unexpected
}

c ΠΈ d Π²Ρ‹ΡˆΠ΅ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚Ρ‹Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡ€Π΅Ρ‡Π°Ρ‚ http://lesscss.org/features/#features -overview-feature-operations заявлСнию, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΡ€Π°ΠΉΠ½ΡŽΡŽ Π»Π΅Π²ΡƒΡŽ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ выраТСния (Ρ‚.Π΅. всС выраТСния Π²Ρ‹ΡˆΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ 1px ). ВСсты ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ a / b / c ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ случайно Π΄Π°Π΅Ρ‚ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.
ΠžΡ‚Π½ΠΎΡΠΈΡ‚ΡΡ ΠΊ β„– 2418 ΠΈ β„– 2472.

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ЧСстно говоря, я Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±Ρ‹Π» ΠΏΠΎΠΊΠ»ΠΎΠ½Π½ΠΈΠΊΠΎΠΌ возмоТности ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ Π² Less. Π­Ρ‚ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла с матСматичСской Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния, ΠΈ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, всС основано Π½Π° порядкС ΠΎΡ†Π΅Π½ΠΊΠΈ ... Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла.

Однако, ΠΊΠΎΠ³Π΄Π° я посмотрСл Π½Π° ΠΊΠΎΠ΄ strictUnits , это Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΠΈΠΌΠ΅Π»ΠΎ для мСня смысла. Π­Ρ‚ΠΎ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я Π΄ΡƒΠΌΠ°Π».

Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΄Π°, это странно, Π½ΠΎ я Π½Π΅ склонСн ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это исправлСно. Π― Π±ΠΎΠ»Π΅Π΅ склонСн ΠΊ ΠΈΡΡ‡Π΅Π·Π½ΠΎΠ²Π΅Π½ΠΈΡŽ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ со ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ. Но это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я. Как ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ 1px * 1px Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 1px^2 (бСсполСзно, Π½ΠΎ Π²Π΅Ρ€Π½ΠΎ). И Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ 1px / 1px Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 1 . Sass слишком слоТСн Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²ΠΈΠ΄Π°Ρ… ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ, Π½ΠΎ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ матСматичСскиС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ для Ρ‚Π°ΠΊΠΈΡ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ† ΠΌΠΈΠΊΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ. НапримСр.

<strong i="13">@value</strong> / 1px * 1rem
ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ° здСсь 10px / 1px . Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ 1 (Π½Π΅ Π² Less, просто Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π° Π² Sass). 1 * 1rem = 1rem . НС ΠΎΠ±ΠΈΠΆΠ°ΠΉΡ‚Π΅ΡΡŒ Π½Π° Alexis Π·Π° происхоТдСниС этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π½ΠΎ Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ выраТСния просто Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странный, Ρ‚Ρ€ΡƒΠ΄Π½Ρ‹ΠΉ для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ этим ΠΊΡ€Π°ΠΉΠ½ΠΈΠΌ случаям с ошибками.

Волько ΠΌΠΎΠΈ 0,02 Π΄ΠΎΠ»Π»Π°Ρ€Π°.

ВсС 6 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ЧСстно говоря, я Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±Ρ‹Π» ΠΏΠΎΠΊΠ»ΠΎΠ½Π½ΠΈΠΊΠΎΠΌ возмоТности ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ Π² Less. Π­Ρ‚ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла с матСматичСской Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния, ΠΈ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, всС основано Π½Π° порядкС ΠΎΡ†Π΅Π½ΠΊΠΈ ... Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла.

Однако, ΠΊΠΎΠ³Π΄Π° я посмотрСл Π½Π° ΠΊΠΎΠ΄ strictUnits , это Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΠΈΠΌΠ΅Π»ΠΎ для мСня смысла. Π­Ρ‚ΠΎ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я Π΄ΡƒΠΌΠ°Π».

Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΄Π°, это странно, Π½ΠΎ я Π½Π΅ склонСн ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это исправлСно. Π― Π±ΠΎΠ»Π΅Π΅ склонСн ΠΊ ΠΈΡΡ‡Π΅Π·Π½ΠΎΠ²Π΅Π½ΠΈΡŽ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ со ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ. Но это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я. Как ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ 1px * 1px Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 1px^2 (бСсполСзно, Π½ΠΎ Π²Π΅Ρ€Π½ΠΎ). И Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ 1px / 1px Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 1 . Sass слишком слоТСн Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²ΠΈΠ΄Π°Ρ… ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ, Π½ΠΎ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ матСматичСскиС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ для Ρ‚Π°ΠΊΠΈΡ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ† ΠΌΠΈΠΊΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ. НапримСр.

<strong i="13">@value</strong> / 1px * 1rem
ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ° здСсь 10px / 1px . Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ 1 (Π½Π΅ Π² Less, просто Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π° Π² Sass). 1 * 1rem = 1rem . НС ΠΎΠ±ΠΈΠΆΠ°ΠΉΡ‚Π΅ΡΡŒ Π½Π° Alexis Π·Π° происхоТдСниС этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π½ΠΎ Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ выраТСния просто Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странный, Ρ‚Ρ€ΡƒΠ΄Π½Ρ‹ΠΉ для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ этим ΠΊΡ€Π°ΠΉΠ½ΠΈΠΌ случаям с ошибками.

Волько ΠΌΠΎΠΈ 0,02 Π΄ΠΎΠ»Π»Π°Ρ€Π°.

Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ измСнСниям Π² ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅, Π΅ΡΡ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π΅ΡΡ‚ΡŒ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚:

  1. strictUnits: false - ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ° Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ матСматичСскиС вычислСния ΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ принуТдСния
  2. strictUnits: ? - Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 1px / 1px // output 1 , 100vh - 10px // output 100vh - 10px Ρ‚.Π΅. со ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒ ΠΈ Π²Ρ‹Π²ΠΎΠ΄ - ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΠΏΠΎΠ΄Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π² calc () - Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ Π΄Π΅Ρ„ΠΎΠ»Ρ‚?
  3. strictUnits: true - вывСсти ΠΎΡˆΠΈΠ±ΠΊΡƒ (Π½Π΅ понимаю, Ρ‡Π΅ΠΌ это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ.)

Π”Π΅Π»ΠΎ Π½Π΅ Π² Π»ΠΈΡ‡Π½ΠΎΠΌ ΠΌΠ½Π΅Π½ΠΈΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ† / Π°Ρ€ΠΈΡ„ΠΌΠ΅Ρ‚ΠΈΠΊΠΈ. Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ компилятор Π½Π΅ слСдуСт собствСнной Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ. (Об ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΌ см., НапримСр, https://github.com/less/less.js/issues/1366#issuecomment-342361948).

Π”Π΅Π»ΠΎ Π½Π΅ Π² Π»ΠΈΡ‡Π½ΠΎΠΌ ΠΌΠ½Π΅Π½ΠΈΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ† / Π°Ρ€ΠΈΡ„ΠΌΠ΅Ρ‚ΠΈΠΊΠΈ. Π Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ компиляторС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ слСдуСт собствСнной Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ

Π”Π°, я понял. Но Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ это Β«ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΒ», Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ? Π˜Ρ‚Π°ΠΊ, я просто ΠΎΠΊΠΎΠ»ΡŒΠ½Ρ‹ΠΌ ΠΏΡƒΡ‚Π΅ΠΌ Π³ΠΎΠ²ΠΎΡ€ΡŽ, Ρ‡Ρ‚ΠΎ Π½Π΅ Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ это стоит Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, ΠΈ вмСсто этого ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅. Но Π΄Π°, это просто ΠΌΠΎΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅, Ρ‡ΡƒΠ²Π°ΠΊ.

@ seven-phase-max ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: я пСрСписал Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΡŽΠ½ΠΈΡ‚Π°ΠΌΠΈ, ΠΈ Ρƒ Π½ΠΈΡ… Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π±Ρ‹Π»Π° какая-Ρ‚ΠΎ странная Π°ΠΊΡ€ΠΎΠ±Π°Ρ‚ΠΈΠΊΠ° для опрСдСлСния ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ ΡŽΠ½ΠΈΡ‚Π°. Π― понял, Ρ‡Ρ‚ΠΎ это Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅, ΠΊΠΎΠ³Π΄Π° Π»Π΅Π²Ρ‹ΠΉ ΡŽΠ½ΠΈΡ‚ ΠΏΠΎΠ±Π΅ΠΆΠ΄Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° пСрСдаСтся Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ принуТдСния.

(Π‘Ρ‹Π»ΠΎ нСсколько Ρ‚Π΅ΠΌ, Π³Π΄Π΅ Ρ€Π°Π·Π½Ρ‹Π΅ мнСния ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡΡ… строгих Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния, Π½ΠΎ ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Π±Ρ‹Π»ΠΎ распространСно ΠΏΠΎ всСму Ρ‚Ρ€Π΅ΠΊΠ΅Ρ€Ρƒ (ΠΈΠ»ΠΈ, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, я Π½Π΅ ΠΌΠΎΠ³Ρƒ быстро Π½Π°ΠΉΡ‚ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ‚ΠΊΡƒ), я Π΄ΡƒΠΌΠ°ΡŽ, я просто ΠΎΠ·Π²ΡƒΡ‡ΠΈΠ²Π°ΡŽ ΠΊΠ»ΡŽΡ‡Π΅Π²ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ :)
МоС Π»ΠΈΡ‡Π½ΠΎΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΎ

strictUnits:? - Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 1px / 1px // Π²Ρ‹Π²ΠΎΠ΄ 1, 100vh - 10px // Π²Ρ‹Π²ΠΎΠ΄ 100vh - 10px

Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅: Π½Π΅ стоит (ΠΈΠ·-Π·Π° ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ / усилия). Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, Π½Π° самом Π΄Π΅Π»Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π½Π΅Ρ‡Π΅Π³ΠΎ (ΠΊΡ€ΠΎΠΌΠ΅ исправлСния ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹Ρ… ошибок, ΠΊΠ°ΠΊ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅).

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π±Ρ‹Π» Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ (Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ кодирования Ρ‚Π΅Ρ… ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… минималистичных Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ / шаблонов ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ / ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ²), Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ всС ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ арифмСтичСскиС равСнства ΠΈ, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ввСсти Β«ΠΌΠ½ΠΈΠΌΡ‹Π΅Β» Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ pxΒ² ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΉ. НапримСр, для a: 1px; b: 2px; c: 4px; ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ a*b/c (ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, принимая (a*b)/c = a*(b/c) ) Π±ΡƒΠ΄Π΅Ρ‚ .5px Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ a*b Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 2pxΒ² (ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, Π²Π½ΡƒΡ‚Ρ€ΠΈ).

Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ (ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Π±Ρ‹Π»ΠΎ Π±Ρ‹ странно Ρ‚Π°ΠΊΠΆΠ΅ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π²Π΅Ρ‰ΠΈ, ΠΊΠ°ΠΊ 1/1hz = 1s ΠΈ Ρ‚. Π”., Но Ρ„ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ ...) ΠŸΠΎΠ΄ΡΡ‡Π΅Ρ‚ Π² Ρ†Π΅Π½Ρ‚Π°Ρ…: я сказал, Ρ‡Ρ‚ΠΎ CSS Units - это слишком большой мСдвСдь Ρ‚ΠΊΠ½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π±Π΅Π· ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ (Β« просто ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ 1px/1px = 1 выглядит ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным»).

strictUnits: true - Π²Ρ‹Π΄Π°Ρ‚ΡŒ ΠΎΡˆΠΈΠ±ΠΊΡƒ (Π½Π΅ понимаю, Ρ‡Π΅ΠΌ это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ.)

Π’ основном, Ссли ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ Π½Π΅ нравится распространСниС Π΅Π΄ΠΈΠ½ΠΈΡ† ΠΈ / ΠΈΠ»ΠΈ ΡΠΌΠ΅ΡˆΠ°Π½Π½Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ввСсти Π±ΠΎΠ»Π΅Π΅ строгий ΡΡ‚ΠΈΠ»ΡŒ кодирования, Π½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°ΡŽΡ‰ΠΈΠΉ Ρ‚Π°ΠΊΡƒΡŽ ​​арифмСтику (Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ strictUnits: true Π² основном являСтся Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ для ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ использования этого стиля кодирования).

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ