Comments on: zoom https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Sat, 09 Jan 2021 02:40:07 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Erik https://css-tricks.com/almanac/properties/z/zoom/#comment-1767129 Sat, 09 Jan 2021 02:40:07 +0000 http://css-tricks.com/?page_id=14144#comment-1767129 Hi!

Reading all this and searching for a way to getting to fit my page width:1280 into a mobile android browser width:360 and height:640.

I thought about putting the index.htm into an iframe width:100% (also in table?) and call the iframe 360.htm and forward every browser resolution lower width:361 to 360.htm

Also hopes an iframe can be zoomed and transition to be turned 90degr (or force landscape mode) and call the iframe 640.htm

That beiing said: I am gonna do some experimental fixes and tricks to break mobile browser rules, lol

]]>
By: Rajilesh Panoli https://css-tricks.com/almanac/properties/z/zoom/#comment-1757825 Wed, 17 Jun 2020 15:34:32 +0000 http://css-tricks.com/?page_id=14144#comment-1757825 samething can achieve using this for other browers
transform: scale(0.34);
margin: -12px -6px -6px -20px;

]]>
By: red https://css-tricks.com/almanac/properties/z/zoom/#comment-1752886 Tue, 03 Dec 2019 12:04:16 +0000 http://css-tricks.com/?page_id=14144#comment-1752886 Any reason why should zoom not be used in production other that it is not standard? I don’t see how transform can do what zoom does. What are possible consequences using zoom in production?

]]>
By: Andrew https://css-tricks.com/almanac/properties/z/zoom/#comment-1613234 Tue, 21 Nov 2017 21:01:28 +0000 http://css-tricks.com/?page_id=14144#comment-1613234 ‘zoom’ is a factor that applies to font sizes, image sizes, and the content in general, whilst preserving the actual width of the content, and letting text wrap and drop down. For instance, it simulates zooming in on the page (ctrl +).

‘transform’ applies an arbitrary affine transform to the element exclusively for when rendering it; thus the parent element sees it as the same size. And, when upscaling it, it does NOT stay the same width or cause text to wrap, but passes its parent element’s bounds.

]]>
By: mubeen https://css-tricks.com/almanac/properties/z/zoom/#comment-1610163 Tue, 11 Jul 2017 06:35:21 +0000 http://css-tricks.com/?page_id=14144#comment-1610163 is this enable on the multitouch screen???

]]>
By: bamby https://css-tricks.com/almanac/properties/z/zoom/#comment-1605896 Tue, 03 Jan 2017 03:08:14 +0000 http://css-tricks.com/?page_id=14144#comment-1605896 Zoom is the best way sometimes to zoom the page. Unfortunately isn’t css standard, but I hope it will be.
transform: scale() behaves tooooooo differently: for example if you want to zoom the whole page it creates more margins around. Zoom instead zooms each thing the right way like the browser ctrl + wheel behavior: I think that they are complementary and sometime is needed one other times is needed the other. Hope future css implementations will allow to use both, each one with its own behavior.

]]>
By: PAULA TEJANDO https://css-tricks.com/almanac/properties/z/zoom/#comment-1605190 Thu, 24 Nov 2016 10:41:36 +0000 http://css-tricks.com/?page_id=14144#comment-1605190 i tried this shit, i tried so fucking hard, i didn’t got far, but doesn’t matter .

]]>
By: MuZZ https://css-tricks.com/almanac/properties/z/zoom/#comment-1604364 Fri, 30 Sep 2016 06:44:57 +0000 http://css-tricks.com/?page_id=14144#comment-1604364 I just want make Hoverable Image. please help me..

]]>
By: Ashfaq https://css-tricks.com/almanac/properties/z/zoom/#comment-1604118 Thu, 15 Sep 2016 00:54:40 +0000 http://css-tricks.com/?page_id=14144#comment-1604118 In reply to shakir.

You need to use transform scale for firefox support, You can try like that
-moz-transform: scale(1.3);
Here is an article I found with detail explanation http://codeconvey.com/css-zoom-effect-using-scale-and-transition/

]]>
By: Udayan Basak https://css-tricks.com/almanac/properties/z/zoom/#comment-1601507 Fri, 13 May 2016 08:04:12 +0000 http://css-tricks.com/?page_id=14144#comment-1601507 This is not working…… :(

]]>
By: Vinay Singh https://css-tricks.com/almanac/properties/z/zoom/#comment-1601094 Fri, 22 Apr 2016 12:00:47 +0000 http://css-tricks.com/?page_id=14144#comment-1601094 ” zoom : reset; ” is not working for IE.
Is there any equivalent for that.

]]>
By: joanne https://css-tricks.com/almanac/properties/z/zoom/#comment-1600861 Sun, 10 Apr 2016 05:25:19 +0000 http://css-tricks.com/?page_id=14144#comment-1600861 Hi! is it possible to post form to email??

]]>
By: vinay https://css-tricks.com/almanac/properties/z/zoom/#comment-1599444 Thu, 04 Feb 2016 11:17:56 +0000 http://css-tricks.com/?page_id=14144#comment-1599444 How to make threeline menu from scratch,
and that menu shold be responsive and changing according to browser resize responsivness

]]>
By: fassl https://css-tricks.com/almanac/properties/z/zoom/#comment-1597333 Fri, 02 Oct 2015 23:31:43 +0000 http://css-tricks.com/?page_id=14144#comment-1597333 Is it possible to reset “zoom: reset”. Like i want the parent element to not zoom but children elements to zoom?

]]>
By: shakir https://css-tricks.com/almanac/properties/z/zoom/#comment-1596950 Mon, 14 Sep 2015 13:05:28 +0000 http://css-tricks.com/?page_id=14144#comment-1596950 can anyone tell me zoom option for firefox…..PLZ

]]>