title: How to prevent background image being squeezed when the keyboard opens?
body: <p>I'm using <code>Xamarin.Forms</code> and is targeting <code>iOS</code> and <code>Android</code>.</p>
  
  <p>Default view
  <a href="https://i.stack.imgur.com/kflH6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kflH6.png" alt="without keyboard"></a></p>
  
  <p>Keyboard opened and the background image squeezed
  <a href="https://i.stack.imgur.com/zP5zT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zP5zT.png" alt="keyboard opened"></a></p>
  
  <p>Background image squeezed as well in landscape mode
  <a href="https://i.stack.imgur.com/PCEmt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PCEmt.png" alt="Landscape"></a></p>
  
  <p><strong>XAML</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="XilnexOTM.Views.LoginPage"
               BackgroundImage="bg1.png" &gt;
      &lt;ScrollView&gt;
          &lt;StackLayout Orientation="Vertical"&gt;
              &lt;Label Text="PICTURE"  /&gt;
              &lt;Label Text="PIC 2" /&gt;
  
              &lt;Entry Placeholder="Username" /&gt;
              &lt;Entry Placeholder="Password" IsPassword="true"/&gt;
  
              &lt;Button x:Name="btn_Login"
                      Text="Login"
                      BackgroundColor="#FF0000"/&gt;
  
          &lt;/StackLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <hr/>
  
  <p>Is there any possible way by applying the concept in <code>CSS</code> to <code>Xamarin.Forms</code> ?</p>
  
  <pre><code>xx {
   background-size: cover;
   background-position: right bottom;
  }
  </code></pre>