Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Web Design

Discussion in 'Website Design Forum:' started by millyjames, May 9, 2017.

  1. millyjames

    millyjames New Member

    How to can I get my website mobile friendly?
     
  2. TimmyJonex

    TimmyJonex New Member

    Hello Milly. If you wanna make your website mobile friendly, you need to draw your website layout in size from 320px. Then or renew your html/css at least in two resolutions (adaptive coding), or test the screen resolution of the user and then give him the relevant html page.
     
  3. Dean Brabin

    Dean Brabin New Member

    Use This code for mobile friendly:

    /* code that is here, until the first @media block, will apply to any screen size */
    #somethingorother {
    width: 800px ;
    }

    @media screen and (max-width: 320px) {
    /* comes into effect for screens less than or equal to 320 pixels */
    #somethingorother {
    width: 120px ;
    }
    }
    @media screen and (min-width: 321px) and (max-width: 480px) {
    /* comes into effect for screens between 321 and 480 pixels (inclusive) */
    #somethingorother {
    width: 320px ;
    }
    }
    @media screen and (min-width: 481px) {
    /* comes into effect for screens larger than or equal to 481 pixels */
    #somethingorother {
    width: 480px ;
    }
    }

    /* code that is here will apply to any screen size */
     

Share This Page