Responsive Viewport Configuration

Er. Manoj Kumar•Nextsem Academy Curriculum

Have you ever opened an old website on your phone, and the text was so tiny you had to pinch-zoom to read it?

That's because they didn't have the Viewport Meta Tag!

Example

width=device-width: Tells the browser: 'Make my website's width match the screen width of whatever device is loading it!'

initial-scale=1.0: Sets the zoom level to 100% when the page first loads.

Loading course layout...