Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Aug 2015
    Location
    Toronto, CA
    Posts
    4
    Member #
    51715

    Responsive Web - Understanding how to make font sizes and images responsive?

    Hello,

    I was wondering how to determine the "context" for responsive web design?

    Example, I keep reading that in order to elements responsive you need to follow this rule:

    target context = result

    I get that the target is the desired target, so say font size of 20px but how do I determine the context?

    How would i apply this to say an image?

    Much appreciated, this is something I've been stumped on and any examples would help a lot

  2.  

  3. #2
    Junior Member erika's Avatar
    Join Date
    Oct 2015
    Location
    San Francisco
    Posts
    3
    Member #
    52126
    this may be not what you're looking for but have you tried using the em method?

  4. #3
    Junior Member
    Join Date
    Aug 2015
    Location
    Toronto, CA
    Posts
    4
    Member #
    51715
    No sorry I haven't, maybe I'll try that.

    Could you explain how this works?

  5. #4
    Senior Member breno's Avatar
    Join Date
    Feb 2015
    Location
    Australia
    Posts
    138
    Member #
    41574
    Liked
    29 times
    Quote Originally Posted by CodePlug View Post
    Hello,

    I was wondering how to determine the "context" for responsive web design?

    Example, I keep reading that in order to elements responsive you need to follow this rule:

    target context = result

    I get that the target is the desired target, so say font size of 20px but how do I determine the context?

    How would i apply this to say an image?

    Much appreciated, this is something I've been stumped on and any examples would help a lot
    I think you're talking about dividing the size of the element to the size of its parent then times by 100 (I think it is) which will give you the percentage you need.
    So if you have an image at 243px and its parent is 800px, 243/800x100 will give you percentave. And use every number behind the decimal point in your value
    Last edited by breno; Oct 04th, 2015 at 04:44 PM.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 09:27 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com