βœ…None content

ΠžΠ±Ρ‰Π°Ρ информация

None content ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° ΠΈΠ»ΠΈ экрана Π½Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ…. Он увСдомляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ подсказываСт, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ дальшС.

Анатомия

  1. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ

  2. ΠŸΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ тСкст

  3. Π‘Π»ΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ (ΠΎΠΏΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ)

Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ

  • Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ ΠΈΠ»ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°Ρ…, ΠΊΠΎΠ³Π΄Π° Π½Π΅Ρ‚ доступных элСмСнтов.

  • Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска ΠΏΡ€ΠΈ отсутствии совпадСний.

  • Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… ΠΈΠ»ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°Ρ…, Π³Π΄Π΅ Π΅Ρ‰Ρ‘ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π΄Π°Π½Π½Ρ‹Π΅.

  • ΠŸΡ€ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠΈ ошибки Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Ссли Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ Π±Ρ‹Π»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Ρ‹.

ОписаниС Ρ€Π°Π±ΠΎΡ‚Ρ‹

  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ всСгда остаётся Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½Ρ‹ΠΌ

  • ΠŸΠΎΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ тСкст Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всСгда. Для описания ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ отсутствия Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ подсказки, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π½Π°Ρ‡Π°Π»ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ.

  • ΠšΠ½ΠΎΠΏΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для дСйствия, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· пустого состояния (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, β€œΠ‘ΠΎΠ·Π΄Π°Ρ‚ΡŒβ€, β€œΠžΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒβ€, β€œΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ данныС” ΠΈ Ρ‚. ΠΏ.).

ΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅

Π€ΠΎΠ½ для None content для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² всСгда Π±Π΅Π»Ρ‹ΠΉ.

ΠŸΡ€ΠΈ использовании Π½Π° пустом экранС с Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ, Π½ΠΎ Π±Π΅Π· Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, отобраТаСтся Π½Π° сСром Ρ„ΠΎΠ½Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ³Π΄Π° Π² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π²Ρ‹Π±Ρ€Π°Π½ΠΎ, ΠΈΠ»ΠΈ ΠΏΡƒΠ½ΠΊΡ‚ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ для просмотра для Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ).

Если Π½Π° страницС Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹Ρ… для отобраТСния, для этого Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Error Page.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹

Высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° динамичСскиС ΠΈ зависят ΠΎΡ‚ тСкста, наполнСния ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ встраиваСтся.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста

Π¨ΠΈΡ€ΠΈΠ½Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста Ρ‚Π°ΠΊΠΆΠ΅ зависит ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° ΠΈΠ»ΠΈ экрана, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ встраиваСтся. Максимально допустимая ΡˆΠΈΡ€ΠΈΠ½Π° тСкста увСличиваСтся ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°, Π² срСднСм Π½Π° 25–35%.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ для 8-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ сСтки с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ ΠΏΠ°Π½Π΅Π»ΠΈ 48 px:

Колонки сСтки
Π¨ΠΈΡ€ΠΈΠ½Π° Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°
Π¨ΠΈΡ€ΠΈΠ½Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста

2

458 px

= 384 px

3

691 px

≀ 426 px

4

924 px

≀ 533 px

5

1157 px

≀ 693 px

6

1390 px

≀ 800 px

8

1856 px

≀ 1000 px

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ для 8-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ сСтки с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ ΠΏΠ°Π½Π΅Π»ΠΈ 48 px ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ мСню 360 px:

Колонки сСтки
Π¨ΠΈΡ€ΠΈΠ½Π° Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°
Π¨ΠΈΡ€ΠΈΠ½Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста

2

368 px

= 334 px

3

556 px

≀ 384 px

4

744 px

≀ 426 px

5

932 px

≀ 533 px

6

1120 px

≀ 640 px

8

1496 px

≀ 853 px

Π’Π°Π±Π»ΠΈΡ‡ΠΊΠ° Π½Π΅ являСтся строгим ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ для использования, Π° всСго лишь, ΠΊΠ°ΠΊ рСкомСндация ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ измСнСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ тСкста, Π² зависимости ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

  • Если тСкста ΠΌΠ°Π»ΠΎ, ΠΎΠ½ Π½Π΅ растягиваСтся Π½Π° всю Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ максимально ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ для читаСмости.

  • Если тСкста ΠΌΠ½ΠΎΠ³ΠΎ, ΠΎΠ½ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ распрСдСляСтся Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… максимально допустимой ΡˆΠΈΡ€ΠΈΠ½Ρ‹, избСгая излишнСго растяТСния ΠΈΠ»ΠΈ сТатия.

РасполоТСниС

По Ρ†Π΅Π½Ρ‚Ρ€Ρƒ экрана/Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° Π²ΠΏΠΈΡΡ‹Π²Π°ΡΡΡŒ ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ Π±Π»ΠΎΠΊΠ° с отступами ΠΏΠΎ 16 Ρ€Ρ…:

Last updated

Was this helpful?