how to do responsive html

how to do responsive html

 

Responsive design can't be done only through HTML. You are supposed to use CSS media queries. In fact, you just need some of them, and the best way to learn this stuff I think it's through this video.

Good luck!

 

I am completely agree with you that responsive design would be also done through CSS. If you going through online Tutorial then They will easily teach you the whole details regarding HTML.

 

The basic idea is to use percentages instead of pixels for heights and widths so your web site looks good on any device.

Also, media queries can be used to change your CSS for different devices, for example:

@media (max-device-width: 480px){
body {
font-size: 2em;
}
}

The above will increase the font size for mobiles making text easier to read.

 

you can move.. with a responsive framework!! like- twitter bootstrap

 

it will help you to code responsive html (tut http://webdesignerwall.com/tutorials/responsive-design-in-3-steps)

 

Responsive web design can be done in just 3 steps
This is the site i came through -
It will be very helpful for you-
http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

 

Thanks , Terry , I am grateful that I am here. I must say that The responsive design is easy to doing a further proceed. That will be very useful steps that You mentioned over here.That will be not an issue to using these resource for making the Responsive design.

 

Hi there,

Twitter Bootstrap and ZURB Foundation are 2 responsive "frameworks". 320andup is another one.

CSS3 media queries are responsible for the "design change" when you resize your browser.

A testing tool for responsiveness is e.g. http://www.respsonivedesigntest.net

 

You can use the CSS for a better and responsive designs for your website designs.