Background Image resized when Soft keyboard is shown in Android iOS Ionic Cordova

After lot of bang bang finally I found solution to Make full screen CSS background image appear behind a mobile soft keyboard activated on Browser of Anroid Phone or Ionic or Cordova app background

background:url(img/bg.png); background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed;

BACKGROUND-SIZE : 100% AUTO -- does the magic

Remove PostCSS warning IONIC

Try this

find sass.js file. under /node_modules/@ionic/app-scripts/dist/sass.js
find var postcssOptions and add from: undefined,

Finally should be like this:
var postcssOptions = {
from: undefined,
to: path_1.basename(sassConfig.outFile),
map: autoPrefixerMapOptions
};

How to Hide White Splash Screen in Ionic 3 - SOLVED

By default, the splash screen is hidden after 3 seconds (see https://github.com/apache/cordova-plugin-splashscreen#configxml). But it could be that at this moment your app is not ready.

Therefore I add always the following preference to my config.xml:

<preference name="AutoHideSplashScreen" value="false">

Instead, I hide it manually, as soon as the app is ready:

this.platform.ready().then(() => { Splashscreen.hide(); });

This is working on iOS as well as on Android.