Video is not available... Embedded is previous playlist.
The viewport is the user's visible area of a web page. It varies with the device - it will be smaller on a mobile phone than on a computer screen.
You should include the following <meta> element in all your web pages:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
This gives the browser instructions on how to control the page's dimensions and scaling.
The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.
Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:
Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference.
<a href="https://gssskhokhar.com/html/WithoutViewport_Head.html" target="_blank">Without the viewport meta tag</a>
<a href="https://gssskhokhar.com/html/Viewport_Head.html" target="_blank">With the viewport meta tag</a>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
img {max-width: 100%;height: auto;}
</style>
</head>
<body>
<p><b>To understand this example, you should open this page on a phone or a tablet.</b></p>
<img src="/images/cat.jpg" alt="Cat" width="460" height="345">
<p>
ਸਰਕਾਰੀ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ, ਖੋਖਰ ਸ੍ਰੀ ਮੁਕਤਸਰ ਸਾਹਿਬ 1964 ਈ. ਵਿਚ ਪ੍ਰਾਇਮਰੀ ਸਕੂਲ ਵੱਜੋਂ ਸਥਾਪਿਤ ਹੋਇਆ ਸੀ ਜੋ ਕਿ 2001 ਈ. ਵਿਚ ਅਪਗ੍ਰੇਡ ਕਰਕੇ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ ਬਣਾ ਦਿੱਤਾ ਗਿਆ. 2001 ਤੋਂ ਲੈ ਕੇ ਹੁਣ ਤਕ ਇਸ ਸਕੂਲ ਦਾ ਇਤਿਹਾਸ ਸ਼ਾਨਦਾਰ ਰਿਹਾ ਹੈ। ਅਕਾਦਮਿਕ ਖੇਤਰ ਤੋਂ ਲੈ ਕੇ ਖੇਡਾਂ, ਸਭਿਆਚਾਰਕ ਗਤੀਵਿਧੀਆਂ ਅਤੇ ਸਹਿ-ਵਿਦਿਅਕ ਗਤੀਵਿਧੀਆਂ ਵਿਚ ਇਸ ਸਕੂਲ ਨੇ ਸ਼ਾਨਦਾਰ ਪ੍ਰਾਪਤੀਆਂ ਕੀਤੀਆਂ ਹਨ.</p>
<p>
ਮੌਜੂਦਾ ਸਮੇ ਵਿਚ ਸਕੂਲ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਖਿੱਚ ਦਾ ਕੇਂਦਰ ਹੈ. ਕਿਤਾਬਾਂ ਨਾਲ ਭਰੀ-ਪੁਰੀ ਲਾਇਬ੍ਰੇਰੀ, ਆਧੁਨਿਕ ਟੈਕਨੋਲੋਜੀ ਨਾਲ ਲੈਸ ਕੰਪਿਊਟਰ ਲੈਬ, ਐਜੂਸੈਟ ਲੈਬ, ਸਾਇੰਸ ਲੈਬ, ਮੈਥ ਕਾਰਨਰ ਅਤੇ ਐਸ.ਐਸ ਕਾਰਨਰ ਸਕੂਲ ਦੀ ਸ਼ਾਨ ਹਨ. ਸਕੂਲ ਵਿਚ ਸਥਾਪਿਤ ਕੀਤੇ ਵਿੱਦਿਅਕ ਪਾਰਕ ਵੇਖਣ ਯੋਗ ਹਨ. ਸਕੂਲ ਦਾ ਮਿਹਨਤੀ ਅਤੇ ਤਜਰਬੇਕਾਰ ਸਟਾਫ ਸਕੂਲ ਵਿਚ ਪੂਰਨ ਵਿੱਦਿਅਕ ਮਾਹੌਲ ਦੀ ਨੁਹਾਰ ਖਿੱਚ ਪਾਉਂਦੀ ਹੈ.
</p>
<a href="https://gssskhokhar.com/html/WithoutViewport_Head.html" target="_blank">Without the viewport meta tag</a>
<HR>
<a href="https://gssskhokhar.com/html/Viewport_Head.html" target="_blank">With the viewport meta tag</a>
</body>
</html>
