2015-03-25 4 views
0

Создайте отзывчивый веб-сайт, для которого я создаю его для размещения на любом мобильном устройстве (экране).Как установить высоту для отзывчивого веб-сайта для мобильного сайта?

Теперь, с точками останова, ширина настраивается таким образом, что мобильные экраны основаны на числе точек останова, которые я использую/указываю. Но проблема в том, что я не могу зафиксировать высоту, поэтому для настройки высоты до 100% на любое мобильное устройство. Могу я, пожалуйста, знать, как я это делаю?

ответ

1

Нечто подобное работает modern browsers:

html, 
body { 
    height:auto!important; 
    min-height:100vh; 
} 

Если вам необходимо поддерживать старые браузеры, вам нужно сделать что-то вроде этого:

html, 
body { 
    height:100%; 
} 

#wrapping-div { 
    height:auto!important; 
    min-height:100%; 
} 

И это должно быть достаточно, но уведомление необходимость обертывания div в этом случае.

+0

Благодарим за ответ, попробовали тот, у которого # wrapping-div не работал, хотя для div только. –

+0

Можете ли вы предоставить более подробное объяснение, чем «это не сработало»? Не так много. – PlantTheIdea

+0

@PlantTheldea: Вот jsfiddle, о котором я говорил. http://jsfiddle.net/s5o148ot/ Теперь первая секция имеет высоту пикселя 872px, а остальная высота раздела - 900 пикселей. Теперь, когда он находится в пикселе, он исправлен. Но эта высота (нижняя часть секции) должна соответствовать любому экрану. Пожалуйста, дайте мне знать, если вам нужно больше объяснений. –