3 Replies Latest reply on Aug 11, 2015 4:56 AM by jhtmk

    Responsive website problem in mobile device

    kavitak68204517

      Hi,

      I have created animated website using svg graphics. To make it responsive I have created different size of stage. following is the code,

      (on Orientationchange, resize and creationcomplete)

      if ($(window).width() <= 320) {

      //Go to 400

       

      sym.stop("320");

      }

      else if ($(window).width() >= 480 && $(window).width() < 768) {

       

      //Go to 400

       

      sym.stop("603");

      }

      else if ($(window).width() >= 767 && $(window).width() < 900) {

       

      //Go to 400

       

      sym.stop("768");

      }

      else if ($(window).width() >= 899 && $(window).width() < 1024) {

       

      //Go to 400

       

      sym.stop("900");

      }else if ($(window).width() >= 1023 && $(window).width() < 1279) {

       

      //Go to 400

       

      sym.stop("1024");

      }

      if ($(window).width() >= 1279 && $(window).width() < 1366) {

       

      //Go to 600

       

      sym.stop("1280");

      }

      else if ($(window).width() >= 1365 && $(window).width() < 1440) {

       

      //Go to 600

       

      sym.stop("1366");

      }

      else if ($(window).width() >= 1439 && $(window).width() < 1920) {

       

      //Go to 600

       

      sym.stop("1440");

      }

      else if ($(window).width() >= 1920){

       

      //Go to 900

       

      sym.stop("1920");

      }

       

      On desktop computer it is working fine but on mobile it is not showing proper result. it is getting compressed. Text is not readable.