Cattelanshop.ru

Π˜Π½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€ ΠΈ Π”Π΅ΠΊΠΎΡ€
0 просмотров
Π Π΅ΠΉΡ‚ΠΈΠ½Π³ ΡΡ‚Π°Ρ‚ΡŒΠΈ
1 Π·Π²Π΅Π·Π΄Π°2 Π·Π²Π΅Π·Π΄Ρ‹3 Π·Π²Π΅Π·Π΄Ρ‹4 Π·Π²Π΅Π·Π΄Ρ‹5 Π·Π²Π΅Π·Π΄
Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°...

ΠŸΠ°ΠΌΡΡ‚ΠΊΠ° ΠΏΠΎ Π·Π°ΠΌΠ΅Ρ€Ρƒ Ρ€ΡƒΠ»ΠΎΠ½Π½Ρ‹Ρ… ΡˆΡ‚ΠΎΡ€

ΠŸΠ°ΠΌΡΡ‚ΠΊΠ° ΠΏΠΎ Π·Π°ΠΌΠ΅Ρ€Ρƒ Ρ€ΡƒΠ»ΠΎΠ½Π½Ρ‹Ρ… ΡˆΡ‚ΠΎΡ€

Π¨ΠΈΡ€ΠΈΠ½Π° L измСряСтся Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π° ΠΏΠΎ внСшним краям Π±ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ ΡˆΡ‚Π°ΠΏΠΈΠΊΠ° (ΡˆΠΈΡ€ΠΈΠ½Π° стСкла + ΡˆΡ‚Π°ΠΏΠΈΠΊ с Π΄Π²ΡƒΡ… сторон).

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ ΠΊΠ°Ρ€Π½ΠΈΠ· ΡƒΠΏΠΈΡ€Π°Ρ‚ΡŒΡΡ Π² ΠΏΠ΅Ρ‚Π»ΠΈ ΠΈΠ»ΠΈ откосы. Он выступаСт Π½Π° 10 ΠΌΠΌ ΠΎΡ‚ края ΡˆΡ‚Π°ΠΏΠΈΠΊΠ° с ΠΊΠ°ΠΆΠ΄ΠΎΠΉ стороны.

Высота H Π³Π»ΡƒΡ…ΠΎΠΉ створки измСряСтся ΠΏΠΎ внСшним краям Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡˆΡ‚Π°ΠΏΠΈΠΊΠ° (высота стСкла + ΡˆΡ‚Π°ΠΏΠΈΠΊ свСрху ΠΈ снизу) плюс 3 ΠΌΠΌ.

Высота ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉΡΡ створки измСряСтся ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ края створки Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ края створки, минус 5-7 ΠΌΠΌ.

НиТний ΠΊΡ€Π°ΠΉ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… Π½Π° Π³Π»ΡƒΡ…ΠΎΠΉ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉΡΡ створки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅, Π² этом случаС ΠΎΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Π΅ ΡˆΡ‚ΠΎΡ€Ρ‹ Ρ‚Π°ΠΊ ΠΆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΈΡˆΡƒΡ‚ΡΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹: высота, ΡˆΠΈΡ€ΠΈΠ½Π°, Π΄Π»ΠΈΠ½Π° - обозначСния латинскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

Π”Π»ΠΈΠ½Π° – это Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°, которая Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΡ‚ΡΠΆΠ΅Π½Π½ΠΎΡΡ‚ΡŒ Π»ΠΈΠ½ΠΈΠΈ.

А высота – это пСрпСндикуляр, ΠΎΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π½Π° ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠ»Π΅ΠΆΠ°Ρ‰ΡƒΡŽ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ.

Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄, Ρ‡Ρ‚ΠΎ Π΄Π»ΠΈΠ½Π° ΠΎΡ‚ высоты отличаСтся Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, совпадая с Π΅Π΅ Π³Ρ€Π°Π½ΡŒΡŽ, Π° высота получаСтся Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ построСния Π½Π° Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅.

Высоту проводят для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ‡, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½ΠΎΠ²Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€ Π² составС исходной.

Π’Ρ‹ΠΊΡ€ΠΎΠΉΠΊΠ° Π²Ρ‚Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ€ΡƒΠΊΠ°Π²Π°

Π—Π°ΠΌΠ΅Ρ€Ρ‹ ΠΏΡ€ΠΎΠΉΠΌΡ‹ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ для создания кроя Ρ€ΡƒΠΊΠ°Π²Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ‚ΠΎΡ‡Π½ΠΎ ΡΠΎΠΏΡ€ΡΠ³Π°Ρ‚ΡŒΡΡ с ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΌ построСниСм Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ Π²Ρ‹Ρ€Π΅Π·Π°.

Π’ΠΈΠ΄Ρ‹ Ρ€ΡƒΠΊΠ°Π²ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΠΉΠΌΡ‹

sewingschool.ru

НСобходимыС Π·Π°ΠΌΠ΅Ρ€Ρ‹

На Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ ΠΏΠ»Π΅Ρ‡Π΅Π²ΠΎΠ³ΠΎ издСлия Π·Π°ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ Π΄Π»ΠΈΠ½Ρƒ ΠΏΡ€ΠΎΠΉΠΌΡ‹ (этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ окаТСтся ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ).

  1. На Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠΉΠΌΠ΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€. Для этого Π²Π΅Ρ€ΡˆΠΈΠ½Ρƒ спинной ΠΏΡ€ΠΎΠΉΠΌΡ‹ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ с Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ ΠΏΠΎΠ»ΠΎΡ‡ΠΊΠΈ. ΠœΠ΅ΠΆΠ΄Ρƒ двумя ΠΌΠ΅Ρ‚ΠΊΠ°ΠΌΠΈ провСсти ΠΏΡ€ΡΠΌΡƒΡŽ.
  2. Найти сСрСдину ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΡ‚Ρ€Π΅Π·ΠΊΠ°. Из ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ пСрпСндикуляр Π½Π° линию, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ Π²Ρ‹Ρ€Π΅Π·Π°.
  3. ΠžΡ‚Ρ€Π΅Π·ΠΎΠΊ ΠΎΡ‚ Ρ†Π΅Π½Ρ‚Ρ€Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π»ΠΈΠ½ΠΈΠΈ построСния Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹ пСрпСндикуляра станСт Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ ΠΏΡ€ΠΎΠΉΠΌΡ‹. ΠšΠΎΠ½Ρ‚ΡƒΡ€ окаТСтся Π½Π΅Π·Π°ΠΌΠΊΠ½ΡƒΡ‚Ρ‹ΠΌ.
  4. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ€ΡƒΠΊΠ°Π²Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ ΠΏΡ€ΠΎΠΉΠΌΡ‹, Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΌΠ΅Ρ€ΠΊΡƒ ΠΎΠ±Ρ…Π²Π°Ρ‚Π° ΠΏΠ»Π΅Ρ‡Π°, Π½Π΅ забывая ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… сантимСтрах Ρ‚ΠΊΠ°Π½ΠΈ Π½Π° свободу облСгания.

ΠŸΠΎΡΡ‚Ρ€ΠΎΠ΅Π½ΠΈΠ΅ Π²Ρ‹ΠΊΡ€ΠΎΠΉΠΊΠΈ

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ этапы создания Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ кроя Π²Ρ‚Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ€ΡƒΠΊΠ°Π²Π° с двумя швами. ΠœΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Ρ‹ΠΊΡ€ΠΎΠΉΠΊΠΈ позволяСт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π΄Π΅Ρ‚Π°Π»ΠΈ.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Как сидят Π·Π° столом ΠΆΠ΅Π½ΠΈΡ… ΠΈ нСвСста

ΠŸΠΎΡΡ‚Ρ€ΠΎΠ΅Π½ΠΈΠ΅ Ρ€ΡƒΠΊΠ°Π²Π°

konspekta.net

  1. ΠŸΡ€ΠΎΠ²Π΅ΡΡ‚ΠΈ Π΄Π²Π° пСрпСндикуляра, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠ΅Ρ€Π΅ΡΠ΅Ρ‡ΡŒΡΡ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠ΅ (ΠΎΠ½Π° станСт Π½Π°Ρ‡Π°Π»ΠΎΠΌ построСния).
  2. Из Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΌΠ΅Ρ‚ΠΊΠΈ вывСсти Π΄Π»ΠΈΠ½Ρƒ Ρ€ΡƒΠΊΠ°Π²Π°.
  3. Из Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ кроя ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Ρ€ΡƒΠΊΠ°Π²Π° Π² ΠΏΡ€Π°Π²ΡƒΡŽ ΠΈ Π»Π΅Π²ΡƒΡŽ стороны.
  4. Π’Ρ‹ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠΉΠ΄Π΅Ρ‚ линия локтя. ΠžΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΡƒΡŽ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ ΠΈΠ· ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΎΡ‚Ρ€Π΅Π·ΠΊΠ°, Π½Π°ΠΌΠ΅Ρ‡Π°ΡŽΡ‰Π΅Π³ΠΎ ΠΎΠΊΠ°Ρ‚ Ρ€ΡƒΠΊΠ°Π²Π°.
  5. ΠžΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°Ρ‚Π° ΠΏΠ»Π°Π²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ, намСчая Ρ‚ΠΎΡ‡ΠΊΠΈ контроля, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅Ρ‚ΠΊΠ°ΠΌ Π½Π° Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ°Ρ… спинки ΠΈ ΠΏΠΎΠ»ΠΎΡ‡ΠΊΠΈ.
  6. Плавно ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π½ΠΈΠ· ΠΎΠΊΠ°Ρ‚Π° Ρ€ΡƒΠΊΠ°Π²Π° с ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.
  7. ΠŸΡ€ΠΎΡ‡Π΅Ρ€Ρ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΡΠΌΡƒΡŽ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ°Ρ‚Π°. Если Π½Π° Ρ€ΡƒΠΊΠ°Π²Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ шов, ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅ΠΊΠ°Ρ‚ Π½Π΅ понадобится.
  8. ΠžΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ ниТнюю Ρ€ΡƒΠΊΠ°Π²Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ.
  9. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ Π²Π½ΠΈΠ· провСсти Π½ΠΈΠΆΠ½ΠΈΠΉ скос.
  10. Плавной Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π½Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π»ΠΎΠΊΡ‚Π΅Π²ΠΎΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ Ρ€ΡƒΠΊΠ°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅ΠΊΠ°Ρ‚.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ построСния ΠΎΠΊΠ°Ρ‚Π° Ρ€ΡƒΠΊΠ°Π²Π°

  • Π”Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°Ρ‚Π° Π½Π° Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ ΠΈ ниТнюю части Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для расстановки ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ, ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ располагаСтся посадка.
  • ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€ΡƒΠΊΠ°Π² оказываСтся Π²ΡˆΠΈΡ‚Ρ‹ΠΌ Π² ΠΏΡ€ΠΎΠΉΠΌΡƒ, слСдуСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ соотвСтствиС ΠΏΡ€ΠΎΠΉΠΌΡ‹ ΠΌΠ΅Ρ€ΠΊΠ΅ окруТности Ρ€ΡƒΠΊΠΈ.
  • Π”Π»ΠΈΠ½Π° Ρ€ΡƒΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°Ρ‚Π° большС ΠΏΡ€ΠΎΠΉΠΌΠ΅Π½Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ‹ Π½Π° Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ, Ρ€Π°Π²Π½ΡƒΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌ посадки.
  • ΠŸΠΎΡΠ°Π΄ΠΊΡƒ Ρ€ΡƒΠΊΠ°Π²Π° Ρ€Π°ΡΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ ΠΏΠΎ Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΎΠΊΠ°Ρ‚Π°. Π’ Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΎΠΊΠ°Ρ‚Π½ΠΎΠΉ части посадку Π΄Π΅Π»Π°ΡŽΡ‚ минимальной, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π² этой области Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΊΠ°Ρ‚ ΠΈ ΠΏΡ€ΠΈΠ΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ объСм Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ.
  • Π”Π΅Ρ‚Π°Π»ΡŒ Ρ€ΡƒΠΊΠ°Π²Π° обязана Π»Π΅ΠΆΠ°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠΉΠΌΠ΅ Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ натяТСния.

Width ΠΈ height: опрСдСляСм Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнта

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту, Π² CSS ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Π²Π° свойства β€” width ΠΈ height (соотвСтствСнно). Π‘ ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ фиксированныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов, Π±ΡƒΠ΄ΡŒ-Ρ‚ΠΎ сайдбар, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π°Π±Π»ΠΈΡ†Π° ΠΈΠ»ΠΈ любой Π±Π»ΠΎΠΊ.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ вычислСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты

Для опрСдСлСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π»ΠΈΠ±ΠΎ высоты ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π΄Π»ΠΈΠ½Ρ‹ Π² CSS. НаиболСС просты Π² ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠΈ пиксСлы. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΡƒΡŽ запись, ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π² этом случаС ΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΅Π³ΠΎ родитСля. Если Ρ‚Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ Π½Π΅Ρ‚, Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта вычисляСтся, исходя ΠΈΠ· ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ width Π±ΡƒΠ΄Π΅Ρ‚ пСрСсчитано).

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Высота ΠΊΠ½ΠΈΠΆΠ½ΠΎΠΉ ΠΏΠΎΠ»ΠΊΠΈ Π½Π°Π΄ столом

Π’ качСствС значСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ em , которая являСтся ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π΅ΠΌ ΠΆΠ΅, Ρ‡Π΅ΠΌ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° тСкста, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² условных Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Ρ‹ установили Ρ€Π°Π·ΠΌΠ΅Ρ€ для ΡˆΡ€ΠΈΡ„Ρ‚Π° 24px . Π’ΠΎΠ³Π΄Π° 1em для этого элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π΅Π½ 24 пиксСлам, Π° Ссли Π²Ρ‹ Π·Π°Π΄Π°Π΄ΠΈΡ‚Π΅ width: 2em , Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° составит 2Γ—24px = 48 пиксСлов. Если Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ Π·Π°Π΄Π°Π½, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ унаслСдован.

Высота height , заданная Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, вычисляСтся Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°, Π½ΠΎ расчСт основываСтся ΡƒΠΆΠ΅ Π½Π° высотС Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта, Π° Π½Π΅ Π½Π° Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅. Если Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ отсутствуСт, высота Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ высоты ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° CSS Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…

ΠŸΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота Π΄ΠΎΡ‡Π΅Ρ€Π½Π΅Π³ΠΎ элСмСнта Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ Π½Π° основании Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² родитСля

Π§Ρ‚ΠΎ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту

Π‘Ρ€Π°Π·Ρƒ стоит Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ свойств width ΠΈ height Π΅ΡΡ‚ΡŒ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ β€” ΠΎΠ½ΠΈ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя значСния margin , padding ΠΈ border . Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ установитС для width/height, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ лишь ΡˆΠΈΡ€ΠΈΠ½Ρƒ/высоту области содСрТимого элСмСнта.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ„Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта (мСсто, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ½ Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π·Π°ΠΉΠΌΠ΅Ρ‚ Π½Π° экранС), понадобится Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π°Ρ€ΠΈΡ„ΠΌΠ΅Ρ‚ΠΈΠΊΠΈ. ЀактичСская ΡˆΠΈΡ€ΠΈΠ½Π° β€” это сумма Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ width , padding , border ΠΈ margin . Напомним, Ρ‡Ρ‚ΠΎ Ρ€Π°Π½Π΅Π΅ ΠΌΡ‹ рассматривали, ΠΊΠ°ΠΊ выглядит блочная модСль CSS.

Для закрСплСния Π·Π½Π°Π½ΠΈΠΉ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Допустим, Ρƒ вас Π΅ΡΡ‚ΡŒ элСмСнт с Ρ‚Π°ΠΊΠΈΠΌ стилСм:

Для подсчСта фактичСской ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ слоТСниС:

width + margin-left + margin-right + padding-left + border-left = 200px + 15px + 15px + 10px + 3px = 243px (фактичСская ΡˆΠΈΡ€ΠΈΠ½Π°)

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ высотС

Бвойство height ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, Ссли Π½Π°Π΄ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, высоту изобраТСния. Однако, Ссли Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ тСкст ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ высота, ΠΊΡ€Π°ΠΉΠ½Π΅ Π½Π΅ рСкомСндуСтся ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ высоту для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ подобная вСрстка ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎΠΌΡƒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρƒ β€” ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ содСрТимого.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Π‘ΠΊΠ°ΠΌΠ΅ΠΉΠΊΠ° Π½Π° Π±Π°Π»ΠΊΠΎΠ½ своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠΈ ΠΈ схСмы

ВмСсто фиксированной высоты ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ height: auto β€” эта запись ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ высота ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ автоматичСски, Π² зависимости ΠΎΡ‚ содСрТимого, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ½ содСрТит.

Π”Ρ€ΡƒΠ³ΠΎΠΉ способ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ€Π°Π·Π²Π°Π»Π° вСрстки β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ запись overflow: auto . Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС, Ссли высота содСрТимого Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ height своСго ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ полосу ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

Высота CSS

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ интСрСсного ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ свойства box-sizing.

3. ΠœΠ΅Ρ€ΠΊΠΈ ΠΏΠΎ высотС – Как ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΏΠ»Π΅Ρ‡, высоту Π³Ρ€ΡƒΠ΄ΠΈ, Π΄Π»ΠΈΠ½Ρƒ Ρ€ΡƒΠΊΠ°Π²Π°?

ΠœΠ΅Ρ€ΠΊΠΈ ΠΏΠΎ высотС

  • Высота Π³Ρ€ΡƒΠ΄ΠΈ – ΠΌΠ΅Ρ€ΠΊΠΈ ΡΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ ΠΎΡ‚ основания шСи Π΄ΠΎ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‰Π΅ΠΉ части Π³Ρ€ΡƒΠ΄Π½Ρ‹Ρ… ΠΆΠ΅Π»Π΅Π·.
  • Π”Π»ΠΈΠ½Π° спины – измСряСтся ΠΎΡ‚ основания шСи Π΄ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ Ρ‚Π°Π»ΠΈΠΈ со стороны спины.
  • Π”Π»ΠΈΠ½Π° Ρ€ΡƒΠΊΠ°Π²Π° – ΡΠ°Π½Ρ‚ΠΈΠΌΠ΅Ρ‚Ρ€ΠΎΠ²ΡƒΡŽ Π»Π΅Π½Ρ‚Ρƒ проводят ΠΎΡ‚ мСста, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΡˆΠΈΡ‚ Ρ€ΡƒΠΊΠ°Π², ΠΏΠΎ внСшнСй сторонС Ρ€ΡƒΠΊΠΈ Π΄ΠΎ Π·Π°ΠΏΡΡΡ‚ΡŒΡ, ΠΏΡ€ΠΈ этом Ρ€ΡƒΠΊΠ° находится Π² слСгка согнутом состоянии.
  • Π¨ΠΈΡ€ΠΈΠ½Π° ΠΏΠ»Π΅Ρ‡Π° – расстояниС ΠΎΡ‚ основания шСи Π΄ΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΏΠ»Π΅Ρ‡Π΅Π²ΠΎΠ³ΠΎ сустава.
  • Π”Π»ΠΈΠ½Π° ΠΏΠ΅Ρ€Π΅Π΄Π° Π΄ΠΎ Ρ‚Π°Π»ΠΈΠΈ – сантимСтр проводят ΠΎΡ‚ основания шСи Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ Π΄ΠΎ Ρ‚Π°Π»ΠΈΠΈ.

Π‘Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΌΠ΅Ρ€ΠΊΠΈ с Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΏΠΎ высотС ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹, рассчитанной Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π² ростС ΠΈ Π΄Π»ΠΈΠ½Π΅.

Π’Π°ΠΆΠ½ΠΎ! Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΡΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΌΠ΅Ρ€ΠΊΠΈ, учитывая Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΎΠ±Π»Π΅Π³Π°Π½ΠΈΠ΅ – это Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΡƒΡŽ ΠΌΠ΅Ρ€ΠΊΡƒ, ΡΠ½ΡΡ‚ΡƒΡŽ с Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, для получСния Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ объСма Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ издСлия.
ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΡ€ΠΈΠ±Π°Π²ΠΊΠΈ ΠΏΠΎ облСганию, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ для Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎ сидящСй ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ ΠΏΡ€ΠΈΠ±Π°Π²ΠΊΠΈ ΠΏΠΎ ΠΎΠ±Ρ…Π²Π°Ρ‚Ρƒ:

  • ΠΏΠΎ Π³Ρ€ΡƒΠ΄ΠΈ – 3-4 см.
  • ΠΏΠΎ Ρ‚Π°Π»ΠΈΠΈ – 1-2 см.
  • ΠΏΠΎ Π±Π΅Π΄Ρ€Π°ΠΌ – 1-1,5 см.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΈ Ρ‚ΡΠ³ΡƒΡ‡Π΅ΡΡ‚ΡŒ Ρ‚ΠΊΠ°Π½ΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ Π² носкС ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ — ΠœΠ°ΠΊΠ΅Ρ‚: Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹

НСкоторыС Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΌ контСкстС ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ значСния. Π’ этой Π³Π»Π°Π²Π΅ описано использованиС устройство-нСзависимых пиксСлСй, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… пиксСлСй, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚Π°ΠΊΠΈΡ… ΠΈΠ΄Π΅ΠΉ ΠΊΠ°ΠΊ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ пиксСлСй.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Ѐасад гСстия ΠΌΠ°ΠΊΠ±Π΅Ρ€Ρ€ΠΈ

ΠŸΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ пиксСлСй

ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ пиксСлСй, ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΡ…ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ дюймС, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ «ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ пиксСлСй». Π­ΠΊΡ€Π°Π½Ρ‹ с высокой ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠΌΠ΅ΡŽΡ‚ большС пиксСлСй Π½Π° дюйм, Ρ‡Π΅ΠΌ экраны с Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ элСмСнты UI (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ½ΠΎΠΏΠΊΠ°) выглядят ΠΊΡ€ΡƒΠΏΠ½Π΅Π΅ Π½Π° устройствах с экранами с Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ мСньшС Π½Π° экранах с высокой ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

Dpi, ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ количСство пиксСлСй ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ дисплСя.

dpi = ΡˆΠΈΡ€ΠΈΠ½Π° (ΠΈΠ»ΠΈ высота) экрана Π² пиксСлях / ΡˆΠΈΡ€ΠΈΠ½Π° (ΠΈΠ»ΠΈ высота) экрана Π² Π΄ΡŽΠΉΠΌΠ°Ρ…

layout_units_density1.png

Π­ΠΊΡ€Π°Π½ с высокой ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ

layout_units_density2.png

Π­ΠΊΡ€Π°Π½ с Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ

НС зависящиС ΠΎΡ‚ плотности пиксСли (dp)

«ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ ΠΎΡ‚ плотности» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ элСмСнтов UI Π½Π° экранах с Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

НС зависящиС ΠΎΡ‚ плотности пиксСли — это Π³ΠΈΠ±ΠΊΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π° любом экранС ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π΄ΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Разрабатывая прилоТСния ΠΏΠΎΠ΄ Android, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ dp для ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ отобраТСния элСмСнтов Π½Π° экранах с Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

layout_units_dp.png

Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экранаШирина экрана Π² пиксСлях
(dpi * ΡˆΠΈΡ€ΠΈΠ½Π° Π² Π΄ΡŽΠΉΠΌΠ°Ρ…)
Π¨ΠΈΡ€ΠΈΠ½Π° экрана Π² Π½Π΅ зависящих ΠΎΡ‚ плотности пиксСлях
120 dpi180 px240 dp
160 dpi240 px
240 dpi360 px

Если Ρƒ вас 3 экрана, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 1,5 дюйма, Π½ΠΎ ΠΏΡ€ΠΈ этом всС ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ экрана всС Ρ€Π°Π²Π½ΠΎ составит 240dp.

dp Ρ€Π°Π²Π΅Π½ ΠΎΠ΄Π½ΠΎΠΌΡƒ физичСскому пиксСлю Π½Π° 160 dpi экранС. Для расчСта dp:

dp = (ΡˆΠΈΡ€ΠΈΠ½Π° Π² пиксСлях * 160) / dpi

Π’ процСссС написания CSS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ px Π² мСстах, Π³Π΄Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ dp ΠΈΠ»ΠΈ sp. Dp слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΠΎΠ΄ Android.

ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ пиксСли (sp)

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΠΎΠ΄ Android ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ пиксСли (sp) слуТат Ρ‚ΠΎΠΉ ΠΆΠ΅ Ρ†Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΈ dp, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΡˆΡ€ΠΈΡ„Ρ‚Π°Ρ…. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ sp совпадаСт с ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ dp.

ОсновноС ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ sp ΠΈ dp Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ sp сохраняСт настройки ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, Π½Π°ΡΡ‚Ρ€ΠΎΠΈΠ²ΡˆΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, увидят ΡˆΡ€ΠΈΡ„Ρ‚ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ с ΠΈΡ… прСдпочтСниями.

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² с использованиСм dp

ΠŸΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ экран рассчитывайтС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнта Π² dp:

dp = (ΡˆΠΈΡ€ΠΈΠ½Π° Π² пиксСлях * 160) / dpi

НапримСр, ΠΈΠΊΠΎΠ½ΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² 32 x 32 px ΠΏΡ€ΠΈ 320 dpi Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 16 x 16 dp.

ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон, ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ выглядСли ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° экранах с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ:

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ различия ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ высотой

Π’ΠΎΡ‡ΠΊΠΈ, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π½ΠΈΠΆΠ΅, сущСствСнны с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Ρ€Π°Π·Π½ΠΈΡ†Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ высотой:

  1. Π”Π»ΠΈΠ½Π° — это, Π² основном, сквозноС ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Наоборот, высота — это ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ расстояния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΎΡ‚ основания Π΄ΠΎ Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹.
  2. Π”Π»ΠΈΠ½Π° опрСдСляСт ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π»ΠΈΠ½Π½ΠΎΠ΅, Π° высота — ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ стСпСни, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ высокоС.
  3. Π₯отя Π΄Π»ΠΈΠ½Π° измСряСтся вдоль оси X, ΠΏΠΎ сути это Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ сторона Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, Π° высота совпадаСт с осью Y, которая прСдставляСт Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ сторону Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ.
  4. Π”Π»ΠΈΠ½Π° Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ самый Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ аспСкт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. И Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, высота — это Ρ‚Π° сторона ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, которая Π±Ρ‹Π»Π° Π±Ρ‹ Π²Π²Π΅Ρ€Ρ…, Π² Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.

сходства

  • Π”Π»ΠΈΠ½Π° ΠΈ высота ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΌΠΈ измСрСниями.
  • Они ΠΈΠ·ΠΌΠ΅Ρ€ΡΡŽΡ‚ΡΡ Π² Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… расстояния.
  • ВыраТаСтся Π² Ρ„ΡƒΡ‚Π°Ρ…, Π΄ΡŽΠΉΠΌΠ°Ρ…, ΠΌΠ΅Ρ‚Ρ€Π°Ρ…, ярдах ΠΈ Ρ‚. Π”.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΈΠ· ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²Ρ‹ΡˆΠ΅ обсуТдСния становится ясно, Ρ‡Ρ‚ΠΎ эти Π΄Π²Π° понятия ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ понятиями Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ часто ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ вмСстС, Π½ΠΎ это Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΡ… Π΅Π΄ΠΈΠ½Ρ‹ΠΌ Ρ†Π΅Π»Ρ‹ΠΌ. ПолоТСниС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΈΠ³Ρ€Π°Π΅Ρ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ являСтся высотой, Π° ΠΊΠ°ΠΊΠΎΠΉ — Π΄Π»ΠΈΠ½ΠΎΠΉ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ измСрСния ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ с ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ полоТСния, ΠΏΠΎ сути, высота ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° становится Π΅Π³ΠΎ Π΄Π»ΠΈΠ½ΠΎΠΉ, Π° Π΄Π»ΠΈΠ½Π° поворачиваСтся ΠΊΠ°ΠΊ Π΅Π³ΠΎ высота.

голоса
Π Π΅ΠΉΡ‚ΠΈΠ½Π³ ΡΡ‚Π°Ρ‚ΡŒΠΈ
Бсылка Π½Π° ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ
Adblock
detector