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

Responsive Designs.

Discussion in 'Web Design, HTML And CSS' started by noman_quraishi, Nov 5, 2012.

  1. noman_quraishi

    noman_quraishi New Member

    Joined:
    Jul 25, 2007
    Messages:
    16
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    web designer
    Home Page:
    Hello all


    I want to enquire about responsive design. We have implemented it on our website. It adjusts itself to various screens, we handle that through media queries and there is no issue on it. But problem is in orientation when we switch to landscape or portrait UI got disturbed in some elements. Do any one know how to handle that ? I mean there are websites that are good at all screen resolution in both orientation.
     
  2. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,287
    Likes Received:
    364
    Trophy Points:
    83
    You should be having implementing the 3 design layout.

    One above 960 Width
    959 to 768 Px for Tabs and iPad in landscape forms.
    767 to 480 for Tabs and iPad in portrait forms
    less than 480 for smart phones.

    That should take care of everything and should not be an issue.
     
  3. anirban09p

    anirban09p Banned

    Joined:
    Aug 27, 2015
    Messages:
    11
    Likes Received:
    0
    Trophy Points:
    0
    Responsive design is an approach to web page creation that makes use of flexible layouts, flexible images and cascading style sheet media queries. The goal of responsive design is to build web pages that detect the visitor’s screen size and orientation and change the layout accordingly.
     
  4. johnniewalk

    johnniewalk New Member

    Joined:
    Sep 18, 2015
    Messages:
    60
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    SEO Analyst
    Location:
    India, Bangalore
    Home Page:
    Responsive in the sense it will adjust automatically in any usage if you open since it's not happening i think you done some mistakes while applying
     
  5. shamkhurana450

    shamkhurana450 New Member

    Joined:
    Aug 20, 2016
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Occupation:
    Business
    Location:
    India
    Home Page:

    Hello, Responsive website designs are related to the concept of building a website designs in a manner that helps the layout to get managed according to the user’s computer screen resolution or suitable to all kind of devices such as tablet, Smartphone, desktop etc. Advanced 4 column layout 1292 pixels wide, on a 1025 pixel width screen, that auto-simplifies into 2 columns.
     
    Last edited by a moderator: Sep 14, 2016
  6. Mia Charlotte

    Mia Charlotte New Member

    Joined:
    Tuesday
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Female
    Home Page:
    Responsive website designed to automatically adjust width and design according to screen size.
     

Share This Page