Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

jquery implements image scaling and max-width incompatible solution in ie_jquery

WBOY
Release： 2016-05-16 17:39:39
Original
1665 people have browsed it

Last time I used native JavaScript to achieve equal scaling of images, max-width and max-height were incompatible in ie6. Today I used jQuery to implement these problems

jQuery part of the code

Copy code The code is as follows:



css part code :
Copy code The code is as follows:



html code:
Copy the code The code is as follows:



< ;img src="images/12.jpg" alt="Scale image"/>


Related labels：
比例缩放 max-width
source：php.cn
Previous article：Analysis and solution of invalid reasons for using $(#form).submit() to rewrite the submission form in jquery_jquery Next article：How to implement the fixed effect of sliding the blog sidebar module following the scroll bar (js jquery, etc.)_javascript skills
Statement of this Website
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
Latest Articles by Author
Latest Issues
Scatterplot points do not maintain values ​​when zooming in d3.js This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...
From 2024-04-06 18:16:26
0
1
403
React Three Fiber: Why are my scroll events lagging? In ReactThreeFiber, I have a React component that generates a sprite that I want to persis...
From 2024-04-06 13:39:24
0
1
410
Can PHPUnit use assert equals to strictly compare two arrays containing objects? I have two arrays of objects. I want to test if these two arrays are equal, but using a st...
From 2024-04-05 13:35:37
0
1
1382
Releasing the X-axis after calling Chart.zoom(): a step-by-step guide I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on th...
From 2024-04-04 23:40:56
0
1
1339
Display AWS PDF files in Bootstrap mode in Laravel I have downloaded aws url like https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/65...
From 2024-04-04 22:16:18
0
1
1450
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template