Проблема с отображением на мобильнике

[pseudonym]

Пациент: http://slingobusiki.ru

 

Проблема: http://cs622026.vk.me/v622026369/ebfa/m2FkPR2CpQk.jpg

 

Подскажите, как пофиксить?

[Great Rash]

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />

[posthack]

И зачем мне это?

[Q4Dizzy]

 

Нужно каким-нибудь образом сообщить браузеру, что страница предназначена для отображения на мобильных устройствах и задать правила для правильного поведения области просмотра. И вот как раз для этого и используется мета-тег viewport

[posthack]

Мне не нужно отключение масштабирования. Мне нужно чтобы верхний текст на заезжал на фон, и отображался так же, как на десктопе.

[Switch74]

не получится у вас такого сделать в данном случае
вам нужно на body оставить фон кирпичиков, а бусики делать как картинку под текстом, если вы не хотите, чтобы они были фоном со всеми вытекающими из этого последствиями.

Фон — основной цвет или тон, на котором размещается изображение или текст; часть изображения, образующая задний план

Кста, на маленьких экранах с фоном косяк из-за минимального размера wrapper и привязки фона к body повешайте фон лучше на wrapper

[posthack]

не получится у вас такого сделать в данном случае

вам нужно на body оставить фон кирпичиков, а бусики делать как картинку под текстом, если вы не хотите, чтобы они были фоном со всеми вытекающими из этого последствиями.

Фон — основной цвет или тон, на котором размещается изображение или текст; часть изображения, образующая задний план

Кста, на маленьких экранах с фоном косяк из-за минимального размера wrapper и привязки фона к body повешайте фон лучше на wrapper

Спасибо, почерпнул некоторые вещи.

 

Но все-таки решил сделать не самое красивое решение: через media quaries прописал другие фонт-сайзы нужным блокам.

 

Думал, что просто почему то все шрифты увеличиваются, и это как то можно пофиксить. Обычно все в порядке бывает, и ничего не едет.

[Switch74]

если бы шрифт не увеличился, как бы люди читали его, он же меньше миллиметра был бы

а если вас это устраивает, то вам проще было сделать меньше шрифт через media для маленьких устройств