CODEWITHSUNDEEP
htmlcssgoogle-chromezoomingscale
Markus Amalthea Magnuson
Markus Amalthea Magnuson

Reputation: 8741

Why doesn't Chrome scale up the width/height of a div on page zoom?

Try zooming in (using the page zoom feature, e.g. cmd+) this piece of HTML/CSS in Firefox:

http://jsfiddle.net/W68eL/4/

Now, try the same thing in Chrome.

For some reason, Chrome does not scale up the width/height of the content box, but at the same time scales up the border. I would almost consider this a bug.

Does anyone know of any workarounds?

Edit:

I have filed an issue here, we'll see what the responses are.

Upvotes: 4

Views: 2330

Answers (1)

xan
xan

Reputation: 4696

Maybe it has to do something with the "em" property. It acts differently for both Firefox and Chrome.

I've taken 20px instead of 1em and then ran it on both the browsers. The effect was same.

Fiddle it: http://jsfiddle.net/W68eL/5/

Upvotes: 1

Related Questions