По умолчанию в браузерах 1em = 16px
То есть в body задаете либо font-size: 100% либо font-size: 1em
А остальные размеры шрифтов уже расчитываете по формуле и указываете всem: target ÷ context = result
Например, 24 пиксела с PSD-макета переводятся в em так: 24 / 16 = 1.5 em
Паддинги расчитывают от блока, для которого они указываются. Все дело в контексте.
Чтобы все было красиво, сначала делается резиновая верстка, а потом с помощью медиа запросов адаптируется для разных разрешений.
Пиксели в этой схеме лишние. Можно и с ними, конечно, сделать, но с адаптацией будет больше работы. В общем все как и для десктопов.
Если боковые отступы, например, сделать фиксированными, то они по-разному выглядеть будут и придется корректировать для разных разрешений, а в процентах все будет одинаково без дополнительных усилий.
Роман Султанов: Спасибо за наводку. Еще заметил, что сайт в Опера Мини показывается как надо, а в просмотрщике интернета встроенном появляется прокрутка.
Алексей Емельянов: Посмотрите, пожалуйста. vglobuse.tmweb.ru
На странице список новостей с датами. Если редактирую этот блок, то дата все равно выводится как на скрине выше в моем сообщении.
Помогите еще немного, пожалуйста. Сделал .main-page {min-height: 100%} и футер прижался, но обнаружилось, то что футер состоит из двух блоков (на скрине видне) и верхний синий не прижался.
Вот такой футер
То есть надо обернуть их в общий блок и должно все получится?
