Responsive web design is about creating web pages that look good on all devices!

A responsive web design will automatically adjust for different screen sizes and viewports.


What is Responsive Web Design?

Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge,
a website, to make it look good on all devices (desktops, tablets, and phones):


Try it Yourself »


Setting The Viewport

To create a responsive website, add the following <meta>
tag to all your web pages:

Example


<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Try it Yourself »

This will set the viewport of your page, which will give the browser instructions on how
to control the page’s dimensions and scaling.

Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:

Without the viewport meta tag:
With the viewport meta tag:

Tip: If you…



Source link


Content Disclaimer 
This Content is Generated from RSS Feeds, if your content is featured and you would like to be removed, please Contact Us With your website address and name of site you wish to be removed from.

Note:
You can control what content is distributed in your RSS Feed by using your Website Editor.

Tech Shop Offers