Viewport

HTML Viewport


<meta name="viewport" content="width=device-width, initial-scale=1.0">

Viewport

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

Source: developer.mozilla.org

Css viewport

<meta name="viewport" content="width=device-width, initial-scale=0.9, user-scalable=no">

Viewport


<meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta name="description" content="A page's description, usually one or two sentences." />  <meta name="keywords" content="banana, banana facts" />

Viewport

<!-- Responsive // Viewport -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Viewport

Viewport = size of the screen

Useful information to know for mobile phones:
 1. "width=device-width" is saying "Use the width of the actual device"
 2. "initial-scale=1" is saying "Dont zoom in or out"
 
In practice:
<meta name="viewport" content="width=device-width, initial-scale=1"/>

Similar codes

1 vote281 views1 answer
Icon inside input
Html
0 vote301 views1 answer
Tailwind container
Html
0 vote289 views1 answer
On phone option html
Html
2 votes291 views2 answers
How to reduce the size of a button in boostrap
Html
0 vote324 views2 answers
Auto select radio button
Html
182 votes302 views6 answers
How to set background image in html
Html
93 votes380 views6 answers
Shadow border css
Html
268 votes530 views7 answers
Fontawesome
Html
0 vote314 views3 answers
Vs code html formatter
Html
0 vote326 views1 answer
Shchema keyref et key use
Html