Css 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

53 votes131 views6 answers
Button html link to another page
Html
111 votes120 views6 answers
How to add an image in html
Html
42 votes115 views6 answers
New line html
Html
23 votes132 views2 answers
Input field image accept type
Html
0 vote146 views1 answer
Site language localize by ip
Html
0 vote139 views1 answer
Html auto start video
Html
0 vote154 views1 answer
Set text of file input
Html
3 votes115 views2 answers
Multiple ngclass
Html
6 votes132 views1 answer
How to link new tab in html button
Html
52 votes170 views6 answers
Turn off autocomplete input html
Html