IONIC2 фоновое изображение изменяется, когда клавиатура открыта

Question

С помощью ионно-2, когда фоновое изображение устанавливается и его размер (фон-размер) устанавливается в «крышке» или «100% 100%», такие как:

background: url("../../img/bg.jpeg"); 
 
background-repeat: no-repeat; 
 
background-size: cover;

Когда клавиатура открывается фоновое изображение изменяет размер, как это можно избежать? (Так что размер фонового изображения остается тем же, даже если клавиатура уменьшила содержимое)

Answer 1

После долгого поиска без решения я решил разработать его с использованием ngStyle с угловым 2, и решение довольно тривиально :

в классе страницы, создать элемент shouldHeight:

export class myPage { 
 
    shouldHeight = document.body.clientHeight + 'px' ; 
 

 
    constructor(private navCtrl: NavController) { 
 
     
 
    } 
 

 
}

Затем добавьте к этому ионным содержания в указанной странице:

<ion-content padding [style.background-size]="'100% ' + shouldHeight">

Answer 2

Используйте правильный способ встроить полный фона экрана изображение:

ion-content { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    background-size: cover; 
}