Html css-zoom Learning

When I went to college for a stage project, I encountered a very strange phenomenon: kindEditor's image upload function was invalid, but it was easy to remove the style referenced by jsp, which showed that there was a style problem, to test the style deletion, the culprit lies in zoom. This is the first time we have known each other. This is a rare weekend. Here we will summarize:

First, let's talk about the function of zoom: zoom is used to set the object's zoom ratio;

Zoom attribute value: normal | |

1. normal:

Code 1-1 is as follows:

                  
   zoomzoomzoom

Figure 1-1

Code 1-2 is as follows:

Figure 1-2 Summary: a, Figure 1-1: From the code, we can see that the first "zoom" font size is "5pt ", the default value is used for the font size of the second "zoom", and the "zoom: normal;" style list is added for the third "zoom" font; b. Figure 1-2 shows that the width of the first image is "50" and the height is "50". The default value is used for the second image, the third image adds the "zoom: normal;" style list. We can draw a conclusion through the description of a and B: normal is used to make the element use its actual size;

II, : Use floating point numbers to define the scaling ratio. Negative values are not allowed;

Code 2-1 is as follows:

                  
   zoomzoom

Figure 2-1

Code 2-2 is as follows:

Figure 2-2

III, : Use percentages to define the scaling ratio. Negative values are not allowed;

Code 3-1 is as follows:

                  
   zoomzoom

Figure 3-1

Code 3-2 is as follows:

Download demo Resources]