Responsive web design

3 replies
  • WEB DESIGN
  • |
Hi Warriors,
how to manage height property on small screens?
#design #responsive #web
  • Profile picture of the author Fredbou
    Originally Posted by Tahreem Saeed View Post

    Hi Warriors,
    how to manage height property on small screens?
    Are you using Bootstrap or Foundation?

    What problem are you having?

    You can make adjustments with @media in your CSS file/s
    Signature

    {{ DiscussionBoard.errors[11050999].message }}
    • Profile picture of the author Tahreem Saeed
      Originally Posted by Fredbou View Post

      Are you using Bootstrap or Foundation?

      What problem are you having?

      You can make adjustments with @media in your CSS file/s
      Yes I'm using Bootstrap, html and css. And @media tag also used.

      Originally Posted by JohnAdam1 View Post

      Height is dynamic. So if you put a paragraph in it, the element will be as high according to the size of the paragraph. If you want to use a 100% height for something, you have to set the html, body, and any other parent to 100% height first.
      Use this:
      position: fixed;
      height:100%;
      Thanks John,
      I will try this technique.
      Signature

      Creative Designer and Developer !

      {{ DiscussionBoard.errors[11051328].message }}
  • Profile picture of the author JohnAdam1
    Height is dynamic. So if you put a paragraph in it, the element will be as high according to the size of the paragraph. If you want to use a 100% height for something, you have to set the html, body, and any other parent to 100% height first.
    Use this:
    position: fixed;
    height:100%;
    {{ DiscussionBoard.errors[11051218].message }}

Trending Topics