On Thu, Jul 29, 2010 at 12:29 PM, tee <[email protected]> wrote: > It's been quite a while I have to do a site using EM unit for the layout > width (with max/min-widths treatment), I am getting a shrunk page in Safari. > > In these two examples, the width is 62em which is around 992px according to > pxtoem dot com, but in Safari 5 it's around 871px in actual size. First I > thought maybe it's because I mixed the EM and % (for left/content columns), > so I did another test page using EM only, still getting the same result. > > EM and % > http://greensho.nexcess.net/em-vs-px/em-width.html > http://greensho.nexcess.net/em-vs-px/em-width.png > > EM only > http://greensho.nexcess.net/em-vs-px/em-width.html > http://greensho.nexcess.net/em-vs-px/safari-ss.png > > My monitor is 27" 2560x1440 resolution, but I don't think this is the reason. > > Can you confirm if you see the same? >
I had this issue to then I checked safari's default font size and it was set to 12px instead of 16px like the other browsers. Once I changed that setting to 16px then they all looked the same. I would suggest verifying in your browsers that they all have the same px size set for their default font size before testing. -- ------------------------------------------------------------------------------------ Jason Arnold http://www.jasonarnold.net ------------------------------------------------------------------------------------ ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
