Sun, 2012-02-26 08:17
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
Sun, 2012-02-26 10:21
#1
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/