Safari messes the design when zooming in/out

I have sliced a design (see the first psd here) for my practice, and it works fine. But when I zoom-in in Safari the whole design gets messed up. I have fixed sizes of central rectangle which contains all elements of the site which remains the same after zooming in and text becomes bigger. (I think the original design dictates the rectangle to have fixed dimensions!)

The question is this, how can I make the text zoom in in Safari without messing the design, and how professional it is if you have this type of problem? Should this problem be necessarily solved?

Thanks!

Answers


I should use em units as em unit changes when the font is changed. Em is associated with the font size so it solves the problem.


Need Your Help

Webscraping from directory of HTML files using BS4 and python

python linux web-scraping beautifulsoup

I have a website in which each person's details are stored in separate .HTML file. So there are totally 100 person whose details are stored in 100 different .html files. But all have same HTML stru...