Skip to content

Commit 6d745e3

Browse files
authored
Merge pull request #2162 from front42/patch-50
feat: edit css-units article.md ru
2 parents 670ccab + 3293b50 commit 6d745e3

1 file changed

Lines changed: 9 additions & 9 deletions

File tree

20-css-for-js/2-css-units/article.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</div>
5656
```
5757

58-
`24` пикселей -- и в Африке `24` пикселей, поэтому размер шрифта в `<div>` одинаков.
58+
`24` пикселя -- и в Африке `24` пикселя, поэтому размер шрифта в `<div>` одинаков.
5959

6060
А вот аналогичный пример с `em` вместо `px`:
6161

@@ -66,7 +66,7 @@
6666
</div>
6767
```
6868

69-
Так как значение в `em` высчитывается относительно *текущего шрифта*, то вложенная строка в `1.5` раза больше, чем первая.
69+
Так как значение в `em` высчитывается относительно *текущего шрифта*, то текст во вложенном `<div>` в `1.5` раза крупнее, чем в родительском.
7070

7171
Выходит, размеры, заданные в `em`, будут уменьшаться или увеличиваться вместе со шрифтом. С учётом того, что размер шрифта обычно определяется в родителе, и может быть изменён ровно в одном месте, это бывает очень удобно.
7272

@@ -160,7 +160,7 @@
160160
<ul>
161161
<li>от жизни
162162
<ul>
163-
<li>собачей</li>
163+
<li>собачьей</li>
164164
</ul>
165165
</li>
166166
</ul>
@@ -196,7 +196,7 @@
196196
<ul>
197197
<li>от жизни
198198
<ul>
199-
<li>собачей</li>
199+
<li>собачьей</li>
200200
</ul>
201201
</li>
202202
</ul>
@@ -245,7 +245,7 @@
245245
<ul>
246246
<li>от жизни
247247
<ul>
248-
<li>собачей</li>
248+
<li>собачьей</li>
249249
</ul>
250250
</li>
251251
</ul>
@@ -262,7 +262,7 @@
262262
let html = document.documentElement;
263263
up.onclick = function() {
264264
// при помощи JS увеличить размер шрифта html на 2px
265-
html.style.fontSize = parseInt(getComputedStyle(html, '').fontSize) + 2 + 'px';
265+
html.style.fontSize = parseInt(getComputedStyle(html).fontSize) + 2 + 'px';
266266
};
267267
</script>
268268
```
@@ -273,7 +273,7 @@ up.onclick = function() {
273273
274274
Единица `rem` не поддерживается в IE8-.
275275
276-
## Относительно экрана: vw, vh, vmin, vmax
276+
## Относительно окна браузера: vw, vh, vmin, vmax
277277
278278
Во всех современных браузерах, исключая IE8-, поддерживаются новые единицы из черновика стандарта [CSS Values and Units 3](https://drafts.csswg.org/css-values-3/):
279279
@@ -297,8 +297,8 @@ up.onclick = function() {
297297
Мы рассмотрели единицы измерения:
298298
299299
- `px` -- абсолютные пиксели, к которым привязаны и потому не нужны `mm`, `cm`, `pt` и `pc`. Используется для максимально конкретного и точного задания размеров.
300-
- `em` -- задаёт размер относительно шрифта родителя, можно относительно конкретных символов: `"x"`(`ex`) и `"0"`(`ch`), используется там, где нужно упростить масштабирование компоненты.
300+
- `em` -- задаёт размер относительно шрифта родителя, можно относительно конкретных символов: `"x"`(`ex`) и `"0"`(`ch`), используется там, где нужно упростить масштабирование компонента.
301301
- `rem` -- задаёт размер относительно шрифта `<html>`, используется для удобства глобального масштабирования: элементы которые планируется масштабировать, задаются в `rem`, а JS меняет шрифт у `<html>`.
302302
- `%` -- относительно такого же свойства родителя (как правило, но не всегда), используется для ширин, высот и так далее, без него никуда, но надо знать, относительно чего он считает проценты.
303-
- `vw`, `vh`, `vmin`, `vmax` -- относительно размера экрана.
303+
- `vw`, `vh`, `vmin`, `vmax` -- относительно размеров окна браузера.
304304

0 commit comments

Comments
 (0)