On my website, there is a header above each Comment with various sub-components (e.g. Date, Post #, Review Count, etc.)
I have noticed that as I switch browsers and as I zoom in and out, I am getting wildly different displays.
For example, in Safari - the worst violator - things go from being cramped at normal zoom to perfect at one size smaller back to cramped at the next smallest size back to normal and so on.
Now granted, I am testing “border scenarios” where I am using what I believe to be the largest - and thus widest - numbers, but this entire thing is still a little disconcerting. :mad:
So, I guess my question is… How flexible and scalable does my design have to be when it comes to Zooming and to Large #'s??
For example, if the Review Count = 150, then my Comment Header is fine. But if the Review Count = 1,500,000 then obviously there isn’t enough room for things and my design breaks somewhat.
Likewise, I think nearly any design will break if you zoom in or out enough.
What is a practical way to approach all of this?? :-/
BTW, sorry, but my code is too complicated and at this point my website a little too proprietary before launch to throw everything up here.
Nonetheless, conceptually, how would you handle the challenge I am facing?
A good portion of my code on my Comment Header came from Paul O’ himself, so I don’t think the issue is really that my HTML/CSS is flawed. It is a more a problem of the fact that after 20 years, browser manufacturers cannot get this zooming thing down?!
Hope that makes sense?!