Невозможно установить высоту с единицами css vw, vh или процентом

Я устанавливаю ширину и высоту div как пропорцию ширины и высоты видового экрана соответственно в приложении Ionic. Это очень хорошо работает на проводнике на моем компьютере и на устройстве с Android 4.4. Однако этот приказ, похоже, не влияет на Android 4.2 (высота ограничена высотой текста). Если я заменил vh на %, он продолжает работать над версией v4.4, но все же не на v4.2.Невозможно установить высоту с единицами css vw, vh или процентом

Вот мой код

HTML

<body ng-app="starter"> 
    <ion-pane> 
     <ion-content ng-controller="langController"> 

      ... 

      <div id="language-selector" class="row"> 
       <h2>Idioma</h2> 
      </div> 

      ... 

     </ion-content> 
    </ion-pane> 
</body>

CSS

#language-selector{ 
    height: 10vh !important; 
    padding: 0; 
    background-color: #d1d3d4; 
}

Как я могу сделать эту работу на Android v4.2?

Заранее благодарю вас за помощь.

источник

2015-07-24 Nicolás Arias

Помог ли мой ответ? Пожалуйста, проголосуйте и/или отметьте как ответ. :) – Bjoerg

В этом выпуске был аналогичный question, и единственное решение, похоже, пишет функцию JS для обновления высоты для Android. < 4.4.

См. Также CanIUse.

Одно из решений JavaScript может быть:

// set initial height 
document.getElementById("myDiv").style.height = (window.innerHeight/10) + "px"; 
// change height on every resize event 
window.onresize = function() { 
    document.getElementById("myDiv").style.height = (window.innerHeight/10) + "px"; 
}

Попробуйте и изменить размер высоты окна: http://jsfiddle.net/3eb68vf2/1/

Надеется, что это помогает!

источник

2015-07-28 16:45:33 Bjoerg

Невозможно установить высоту с единицами css vw, vh или процентом

ответ

Смежные вопросы