Responsive web design

Responsive Web Design Since the evolution of the world wide web, devices with different sizes have come into existence. To match the web page for different screen sizes, developers have started making code for different sized devices using responsive web design techniques.

We will see one way in this article.
Technique
Using the <meta> tag.
The name attribute of the meta tag should be viewport
and value should be content="width=device-width, initial-size=1.0" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" /> The consequences of the above code snippet is that the user width will be automically scaled up or down as per the device size and the user cannot pinch the screen on smartphone or tablets.

Comments

Popular posts from this blog

Parallel Database design, query processing

Laravel | PHP | Basics | Part 2

Apache Hadoop | Running MapReduce Jobs