Как адаптируется размер текста и высоты?

Question

[Ingernirated]

Подскажите, как текст подлежит адаптации?
Например, укажем мы значение ширины в %. - на мониторе или на телефоне это одинаково понятно.
А как дело обстоит с высотой блока и размером текста, и картинок?
Как происходит задавание им параметров и можно ли проверить сайт через телефон, если он не выложен в сеть?

Answer 1

[Игорь]

можно ли проверить сайт через телефон, если он не выложен в сеть?

Да. Если поднять локальный сервер у себя на компе и в телефоне в браузере задать свой локальный ip адрес/название файла html. Например 198.055.494/imdex.html

Локальные сервер можно поднять например с помощью Xamp или Browsersink или Denver
https://www.apachefriends.org/ru/index.html

Comments

[Ingernirated]

почему-то не срабатывает.
зашел на яндекс, показал мой IPv4, v6 прочерк, набрал на телефоне 119.120.74.16/index.php и пишет, что такой страницы нет, apache запущен, через localhost в браузере на его файл заходит, а по телефону и через браузер на компе по ссылки ip не хочет

Answer 2

[Stalker_RED]

Высота ставится или auto, и блок сам подстраивается под контент, либо так-же задается в процентах или каких-то других единицах измерения.

Например, привязываются к текущей высоте и ширине букв m, n, x www.quirksmode.org/css/units-values/fontdependent.html

Протестировать можно и в десктопном браузере:

Comments

[Ingernirated]

а хрому с его функцией разрешения мобильного телефона можно доверять?
т.е. если в этой опции всё чётко, то на любом телефоне и планшете так будет?

[Stalker_RED]

Ingernirated: Емнип, есть какие-то нюансы с размерами картинок под ретиной - не все еденицы измерения работают одинаково. Но я никогда толком не верстал под мобильники, точно не скажу.