title: Jssor scale height of slider
body: <p>Hello I'm trying to set dynamic width (100% of container) and static height(550px) of slider on PC. On mobile it should be responsive. There is my code:</p>
  
  <pre><code>&lt;div class="col-md-6 right-col" id="sliders"&gt;
          &lt;div id="slider0" style="position: relative; top: 0px; left: 0px; width: 712px; height: 550px; overflow: hidden; "&gt;
               &lt;div u="slides" class="slides2" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 712px; height: 550px; overflow: hidden;"&gt;
                  &lt;div data-id="0"&gt;
                      &lt;img u="image"  src='&lt;?php echo get_template_directory_uri(); ?&gt;/images/grey.gif' data-original="&lt;?php echo get_template_directory_uri(); ?&gt;/images/w1.jpg" /&gt;
                  &lt;/div&gt;
                  &lt;div data-id="1"&gt;
                      &lt;img u="image"  src='&lt;?php echo get_template_directory_uri(); ?&gt;/images/grey.gif' data-original="&lt;?php echo get_template_directory_uri(); ?&gt;/images/w2.jpg" /&gt;
                  &lt;/div&gt;
                  &lt;div data-id="2"&gt;
                      &lt;img u="image"  src='&lt;?php echo get_template_directory_uri(); ?&gt;/images/grey.gif' data-original="&lt;?php echo get_template_directory_uri(); ?&gt;/images/w3.jpg" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;span u="arrowleft" class="jssora13l" style="top: 123px; left: 0px;"&gt;
              &lt;/span&gt;
              &lt;!-- Arrow Right --&gt;
              &lt;span u="arrowright" class="jssora13r" style="top: 123px; right: 5px;"&gt;
              &lt;/span&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is what I've tried with scaleWidth and height but it didnt goes with 100% width..</p>
  
  <pre><code>function ScaleSlider() {
              var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
              console.log(parentWidth);
              if(parentWidth &gt; 798){
                  jssor_slider1.$ScaleWidth(Math.min(parentWidth, 954));
              }else if (parentWidth &gt; 720 &amp;&amp; parentWidth &gt;= 797){
                  jssor_slider1.$ScaleWidth(816);
                  jssor_slider1.$ScaleHeight(550);
              }
              else
                  window.setTimeout(ScaleSlider, 30);
  
          }
  </code></pre>
  
  <p>How can I make that my slider have always 100% width of container and static 550px of height on PC?</p>