@nemovalex

Верстка блоков.Как расчитывать размеры и отступы?

Изучаю верстку, но не разбираюсь в таких вещах как разрешение экранов. Знаю что такое пиксели но не понимаю как их рассчитывать например на странице есть какой то блок и нужно задать определенную ширину расположение отступы ИТД.
Гуглил про пиксели итд но так и не понял Что же нужно знать верстальщику про разрешения экранов и как рассчитывать свойства блочной модели (Margin,Padding)
  • Вопрос задан
  • 820 просмотров
Решения вопроса 2
Nolis
@Nolis
it-гопник
Скачай avocode, загружай psd макет.
при наведении на блок получишь нужные размеры, отступы и остальные стили
Ответ написан
Комментировать
@AleksRap
Макеты верстаются как есть (т.е какие размеры в px на макете - те же указываете в стилях). А затем медиазапросами стили правятся под конкретные разрешения, либо диапазон разрешений.

Популярный сейчас mobil-first подход предполагает что исходный макет в разрешении для телефонов, а на последующих брейкпоинтах (в бутстрапе например такие до 576px, 768px, 992px. 1200px и все что больше) размеры и свойства меняются, чтоб макет смотрелся нормально
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
alams_stoyne
@alams_stoyne
Full Stack Developer - #PHP #CSS #JS #DB
Посмотри останутся вопросы - возвращайся!
Ответ написан
Познакомся с сеткой, например бутстрапа, это скелет верстки.
https://youtu.be/3mV-Yw6cm-E

как рассчитывать свойства блочной модели (Margin,Padding)

Ставишь плагин Perfect Pixel в хром
Накладываешь скрин макета сверху и подгоняешь отступы.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы