---
title: "Responsive Meta Tag in HTML"  
description: "Responsive Meta Tag in HTML"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156587/responsive-meta-tag-in-html  
category: "bootstrap"  
tags: ["html", "bootstrap"]  
reading_time: 1 minute  

---

# Responsive Meta Tag in HTML

What is the [Responsive](https://www.mindstick.com/blog/11940/tips-for-fast-responsive-web-design-in-2018) [Meta](https://www.mindstick.com/blog/63662/a-comprehensive-guide-to-a-phd-thesis-meta-analysis-know-why-and-how) Tag that helps [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) to respond with the [size](https://www.mindstick.com/forum/159799/how-can-you-manage-the-size-of-mdf-and-ldf-files) of the [window](https://www.mindstick.com/forum/161285/how-does-the-window-console-object-work-in-javascript) [screen](https://www.mindstick.com/forum/33644/loading-screen-during-ajax-call)?

## Replies

### Reply by Anonymous User

To make your page responsive you need to add below meta tag in your html file to make device responsive.

```
    <meta name='viewport' content='width=device-width, initial-scale=1'>
```

Add this line of code to your head tag, save it and refresh the page You will see the page become responsive for all size of your screen.

\


---

Original Source: https://www.mindstick.com/forum/156587/responsive-meta-tag-in-html

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.