Comments on: zoom

By: Erik

Erik — Sat, 09 Jan 2021 02:40:07 +0000

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

Rajilesh Panoli — Wed, 17 Jun 2020 15:34:32 +0000

samething can achieve using this for other browers
transform: scale(0.34);
margin: -12px -6px -6px -20px;

By: red

red — Tue, 03 Dec 2019 12:04:16 +0000

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

Andrew — Tue, 21 Nov 2017 21:01:28 +0000

‘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

mubeen — Tue, 11 Jul 2017 06:35:21 +0000

is this enable on the multitouch screen???

By: bamby

bamby — Tue, 03 Jan 2017 03:08:14 +0000

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

PAULA TEJANDO — Thu, 24 Nov 2016 10:41:36 +0000

i tried this shit, i tried so fucking hard, i didn’t got far, but doesn’t matter .

By: MuZZ

MuZZ — Fri, 30 Sep 2016 06:44:57 +0000

I just want make Hoverable Image. please help me..

By: Ashfaq

Ashfaq — Thu, 15 Sep 2016 00:54:40 +0000

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

Udayan Basak — Fri, 13 May 2016 08:04:12 +0000

This is not working…… :(

By: Vinay Singh

Vinay Singh — Fri, 22 Apr 2016 12:00:47 +0000

” zoom : reset; ” is not working for IE.
Is there any equivalent for that.

By: joanne

joanne — Sun, 10 Apr 2016 05:25:19 +0000

Hi! is it possible to post form to email??

By: vinay

vinay — Thu, 04 Feb 2016 11:17:56 +0000

How to make threeline menu from scratch,
and that menu shold be responsive and changing according to browser resize responsivness

By: fassl

fassl — Fri, 02 Oct 2015 23:31:43 +0000

Is it possible to reset “zoom: reset”. Like i want the parent element to not zoom but children elements to zoom?

By: shakir

shakir — Mon, 14 Sep 2015 13:05:28 +0000

can anyone tell me zoom option for firefox…..PLZ