Можно ли так использовать rem? Как делаете адаптивные сайты вы?

Question

[Neyury]

Уже некоторое время практикуюсь в верстке, пока делаю страницы и сайты только для себя.
Для адаптивности (Резина + media query) решил выбрать rem, так как посчитал это удобным решением. Чтобы подсчет размеров не вызывал трудностей прописал следующие:

html {
  font-size: 62.5%; /* 10px */
}

Для элементов где важна точность, такие как border, продолжаю использовать px. Единицы для отступов зависят от требований. Если они должны быть фиксированными, то px, иначе rem. Нормальная ли эта практика, можно ли так делать? Как делаете вы?

Какими единицами вы пользуетесь для адаптивности, как и где вы их используете? Расскажите пожалуйста, интересен реальный опыт. Заранее спасибо.

Comments

[vasIvas]

Я вообще нуб в css, но задавать точные размеры относительно, это, на мой взгляд, как маяк посередине рифов... Я читал что хорошей практикой является задать ТОЧНЫЕ значения для rem и рассчитывать уже относительно этих значений..

[vasIvas]

Neyury: ну так я Вам и отвечаю, что ХОРОШИМ ТОНОМ считает использовать rem в качестве отправной точки. ещё vh, hw используют там, где они доступны. % в совокупности с vh,vw. px где нужны точные размеры. Все.. и естественно всему свое место.
Или Вы хотите чтобы вам прям перечислили? Типа -
Когда я рассчитываю размеры контейнеров, то использую %.
Когда я рассчитываю размеры контейнеров с контейнерами внутри, то использую %.
Когда я рассчитываю размеры контейнеров с контейнерами внутри с контейнерами внутри, то использую %.
Когда я рассчитываю размеры контейнеров с контейнерами внутри с контейнерами внутри с контейнерами внутри, то использую %.
Когда я рассчитываю размеры контейнеров с контейнерами внутри с контейнерами внутри с контейнерами внутри с контейнерами внутри, то использую %.

[Neyury]

vasIvas: ну, стандартно в браузерах текст html равен 16 пикселей, 62.5% от 16 = 10. Не знаю почему. но font-size в html, чтобы использовать rem указывают обычно так.

[vasIvas]

Neyury: ну не знаю. возможно 62,5% это десять пикселей от 16. А затем какая-нибудь библиотека изменит шрифт до 17 и уже получится 10,5 пикселей. И все станет уродливым из-за "полтора землекопа".

Answer 1

[Сергей]

использую проценты для блоков. Для шрифтов мне не лень прописать один раз для планшетов меньший размер через медиа

Answer 2

[Максим Гатилин]

За основную единицу использую rem, но в зависимости от ситуации использую %,vh,vw,em,px. Почему rem? Попробуйте масштабировать страницу (ctrl + "+") которые сверстаны по rem.