. This code means that the web page width is equal to the screen width by default, and the original scaling ratio is 1.0."/> . This code means that the web page width is equal to the screen width by default, and the original scaling ratio is 1.0.">

Home  >  Article  >  Web Front-end  >  What is the html adaptive screen code?

What is the html adaptive screen code?

angryTom
angryTomOriginal
2020-02-07 17:27:3022757browse

What is the html adaptive screen code?

#What is the html adaptive screen code?

html screen adaptation code is as follows:

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

Parameter explanation:

viewport is the default width and height of the web page, the above line The meaning of the code is that the width of the web page is equal to the screen width by default (width=device-width), and the original scaling ratio (initial-scale=1) is 1.0, that is, the initial size of the web page occupies 100% of the screen area.

Compatibility settings:

All major browsers support this setting, including IE9. For those older browsers (mainly IE6, 7, 8), you need to use css3-mediaqueries.js.

<!–[if lt IE 9]><script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script><![endif]–>

Recommended learning: html tutorial

The above is the detailed content of What is the html adaptive screen code?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn