18 th TUTORIAL ON HTML RESPONSIVE WEB DESIGN HTML Responsive Web Design 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): Setting The Viewport To create a responsive website, add the following <meta> tag to all your web pages: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>Setting the Viewport</h2> <p>This example does not really do anything, other than showing you how to add the viewport meta element.</p> </body> </html> Responsive Im...
Comments
Post a Comment