Modern (UWP) apps always scale correctly. Notes Internet Explorer 9 supports 2D but not 3D transforms. My best guess is that the min-height forces IE to recalculate the height of the rendered content after all of the resizing, and that makes it realize that the height is different. The browser would correctly locate the XSL file referenced in the XML and use it to transform the XML to an HTML page. Just like this: @keyframes loading 0% transform: scale(1); 50% transform: scale(1.2) rotate(0.02deg); 100% transform: scale(1); I made this trick and works in IE 11 For now, it's the work around until the bug gets fixed (annoying). IE's CSS3 Transforms Translator Turn your CSS3 transforms syntax into something IE can understand—without using JavaScript—to get effects like rotation, scaling, and skewing. For example, Edge is a modern app that does not cause the DPI Scaling issues that Internet Explorer might experience. Now for the scale transform. Add the Scale Transform. Similarly, Remote Desktop is an alternative to mstsc.exe. Check for known issues 2018 works 2019 doesnt. CSS3 2D transforms allow you to manipulate boxes for effects like rotating, scaling, and skewing, without using images, Flash, or JavaScript. CSS Zoom property, supported in IE 5.5+, Opera, and Safari 4, and Chrome. So far update has been very, very disappointing Carl Rainer I think it is a really important point, because you are able to increase font- and image-quality. The transform origin is also different with IE. If there is a comparable modern app available, you can substitute that app to mitigate the scaling issues. IE does not support the "transform" CSS property. Works with nested parent transform objects, too, as long as there is no rotation. We define dimensions, position and background color so that you can see at a glance what effect the transform has. Because of the "[ExecuteInEditMode]" attribute I can place my particle systems and scale them as I like even visually in the editor with the mouse. Adding min-height: 1px to the flex item does, in fact, work around the issue. IE does have a proprietary CSS filter for doing matrix transforms, however when I tried to animate that filter IE was throwing errors. I tried going back to the 2019 version, and it seemed to have affected that as well. Firefox is the only major browser that does not support zoom, but you could use -moz-transform since Firefox 3.5. No control over unlocking ratio tool in top toolbar. Please any suggestion. This indicates the universal style for your element, whether the user’s mouse is over it or not. In version 9, mixing 2D and 3D transform functions invalidates the entire property. To do what you want, store the scale to a variable, change that, and apply it to the transform: I cant get the Free Transform tool to work in new 2019 Photoshop. There's some sort of sorcery going on here in IE's guts. cannot just stretch or squash an image. The slight change to keyframing position along with scale seems to get it to work. The implementation of transform scale would be great. But might not work with more complex particle systems, I used it only with a simple sprite sheet animation. … Opera Full support 10.5: Safari Full support 3.1: WebView Android Full support 2: Chrome Android Full support 18: Firefox Android Full support 4: Opera Android Full support 11: Safari iOS Full support 3.2 transform.localScale returns a copy of the scale, so any modifications you do to it will just modify the copy, not the transform's scale. The idea is rotate (the minimum possible) the div or image while your making the scale. But if the program is working correctly, the scale should work independently from the position. IE 9 Doesn't transform an XML using it's referenced XSL file anymore Prior to IE9 I could use File> Open in the IE browser and browse to a local XML file.
2020 ie transform: scale not working