Почему адаптивка коряво отображается?

Question

[GaserV]

Добрйы вечер! Подскажите, почему сайт коряво отображается ? Я начал делать адаптивку на него через media. Большинство эл-ов не отображжается на 100% ширину экрана. А в основном на 50-60%. Просматриваю через safari, iPhone 5s.

Пока что только меню адаптивное сделал. После начал адаптировать контент и столкнулся с данной проблемой. Подскажите что делать)

site784.esy.es/marina-elina

Answer 1

[sergey]

хотя бы потому что у Вас
.block1 {
width: 415px;
height: 585px;
}

если вы адаптивите, то какие пиксели в ширине?

Comments

[GoodProject]

А что нужно указывать? em и пр.? Статью бы на эту тему, если знаете и не трудно)

[sergey]

GoodProject: указывайте в %

[GoodProject]

sergey: тупанул) спс

[Grow-Progress.com]

Верно, всё что респонсив идёт в процентах, всё остальное в пикселях.

[GaserV]

sergey: так я знаю что block1 - 415px. Почему текст, который сверху не на всю ширину? На ПК все норм. Но на афйоне - попа.

[sergey]

GaserV: медиа запросы для IOS правильно написали?

[GaserV]

sergey: именно для iOS? Впервые слышу.
media screen and (min-width: 320px) and (max-width: 768px)

[sergey]

GaserV: вот именно что впервые слышите, читать необходимо больше Правильные параметры media queries, как поступить?

[GaserV]

sergey: емое) забыл про min-device-width) спасибо

[sergey]

GaserV: да не зачто, сам когда-то тупил:)

[GaserV]

sergey: все равно не решилось))

[Алексей Зуев]

GaserV: конечно не решится пока 415px не уберете

[GaserV]

Алексей Зуев: действительно. block1 - 100% решилось. Но сейчас я в недоумении. Причем здесь он был к блокма с тексто, которые вверху?

[GaserV]

Алексей Зуев: а такой еще вопрос. Почему появляется какой-то загадочный отступ междй слайдером и блоками-портфолио? Даже отрицательными марджинами не получается уменьшить его

[GaserV]

Алексей Зуев: снова такая же беда, только на другой странице уже. Пробовал через "*" задать всем w100%. Все равно не до конца все элементы на всю ширину и есть скролл. Какой снова блок? Я уже просто в не доумении