3 Replies - 798 Views - Last Post: 05 February 2014 - 03:53 PM

#1 Lieoften  Icon User is offline

  • D.I.C Head

Reputation: 16
  • View blog
  • Posts: 243
  • Joined: 06-January 10

keeping a div / text the same size while zooming out

Posted 05 February 2014 - 02:30 PM

title's pretty self explanatory. I'm trying to keep the font the same size on a screen if a user zooms out. All the tutorials i've found on this subject haven't exactly enlightened me on the subject so i figured I mgight as well ask on here.
Is This A Good Question/Topic? 0
  • +

Replies To: keeping a div / text the same size while zooming out

#2 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3177
  • View blog
  • Posts: 10,639
  • Joined: 12-December 12

Re: keeping a div / text the same size while zooming out

Posted 05 February 2014 - 03:09 PM

Erm, I have to ask the obvious question "why"..?

If the user wants to zoom in or out then that's their decision, why would you want to interfere with this?

This post has been edited by andrewsw: 05 February 2014 - 03:10 PM

Was This Post Helpful? 0
  • +
  • -

#3 Lieoften  Icon User is offline

  • D.I.C Head

Reputation: 16
  • View blog
  • Posts: 243
  • Joined: 06-January 10

Re: keeping a div / text the same size while zooming out

Posted 05 February 2014 - 03:47 PM

View Postandrewsw, on 05 February 2014 - 03:09 PM, said:

Erm, I have to ask the obvious question "why"..?

If the user wants to zoom in or out then that's their decision, why would you want to interfere with this?



because i'm making a game where zooming out would screw up a lot of things?
Was This Post Helpful? 0
  • +
  • -

#4 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3177
  • View blog
  • Posts: 10,639
  • Joined: 12-December 12

Re: keeping a div / text the same size while zooming out

Posted 05 February 2014 - 03:53 PM

Some would say that if zooming screws it up that much then the design needs to be looked at ;)/>

Anyway, you could try this in the css:

-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;

probably applying it to body, h1, h2, etc, p {

Added: This isn't working for me on a quick test. So my advice, and most people's advice, is to either change your design to be more flexible or live with it. As I say, it is the user's choice to zoom and a major no-no to try to interfere. It is highly likely that the user is zooming because they have poor vision.

This post has been edited by andrewsw: 05 February 2014 - 04:00 PM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1