Use H5 to add disabled scaling

This time I will bring you how to use H5 to add and prohibit scaling, and use H5 to add and prohibit scaling. What are the precautions? The following is a practical case, let's take a look.

The following code introduces

html5 to add the prohibition of scaling function. The specific code is as follows:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

ps: Prohibit Html5 on mobile phones On-screen page zoom

Recently tested the HTML5 page and found that the default allows users to zoom the page, or double-click on the screen to zoom in or out. That is equivalent to setting

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />

If you want to prohibit this situation, just modify the corresponding parameters.

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

H5 method of reading files and uploading them to the server

html5 How to realize the animation of picture rotation Effect

The above is the detailed content of Use H5 to add disabled scaling. For more information, please follow other related articles on the PHP Chinese website!