1 reply [Last post]
bharatwds
Offline
newbie
Last seen: 2 years 34 weeks ago
Timezone: GMT+5.5
Joined: 2012-02-26
Posts: 1
Points: 2

HI, I am trying to learn the responsive website design can some one help me with some basic html codes for responsive website desinge. which is adujustable to all the resoluiton.

I was trying to look into some of the online example there they use fonts like this "h1 {
font: bold 36px/100% Arial, Helvetica, sans-serif;
}"

whats the use of or meaning of r 36px/100% ?????

pls help i want to really learn responsive website design.

Awaiting your revert

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 1 week 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Font-size/line-height

36px = font-size / 100% = line-height except that you shouldn't use units for line-height, you should just specify it as 1.

But neither have anything to do with responsive web design; they're just for setting your font-size. If you want to design responsively you need to design with fluid widths and media queries. I'm sure using Google will provide you with a whole host of resources but here's a good place to start:

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference