A few unconventional questions about the jquery.pin.js fixed element plug-in!

jquery.pin.js Github code base https://github.com/webpop/jqu.

I am working on a resolution recognition method. At present, most web pages are developed based on 1440x900 resolution, which makes it very stingy on 1920x1080. Since the web page has been formed and does not want to be laid out from scratch, in order to maintain a resolution of 1920 and 1440, the following method is used:
css response direct proportional magnification of 25%

<style> @media (min-width:1800px){ body{zoom:1.25!important;} } </style>

in this 25% magnification mode, pin.js is completely messed up, unable to fix elements and page dislocation. I wonder if it is because pin.js recognizes page parameters without zoom:1.25 and applies them to zoom:1.25 pages. At present, no solution can be found.

Nov.24,2021

zoom was originally a private attribute of IE at first, but later it was also supported by webkit, but it is not recommended to use it, because in theory, it is still a non-standard attribute. Generally, it is only considered when you need to trigger the hasLayout of the old IE. In general, it is preferred to use the scale of transform to zoom. In addition, it is suggested that you can refer to Zhang Xinxu's this , which makes it clear that scale is to directly zoom but does not change the original size and position of the element, while zoom is to change the original size of the element to zoom, so it often causes layout confusion and is not very cost-effective to use.

Menu