Both buttons have a width from 35% but how is it possible that the button in safari is bigger then Chrome ??

  • 3
    Inspect those elements and see what each browser added.
    Also if those are actually buttons by tag, check web-kit-appearance and the likes, they might be interpreted differently.
  • 3
    Maybe its our eyes lying.
  • 2
    Did you add reset.css?
  • 2
    @M1sf3t is right, a width expressed as a percentage refers to the width of the containing element, not the viewport.

    If you want them both to be 35% of the width of the viewport, use vw units instead of %.
  • 2
    @Alice The browser support for those is not that good.
  • 1
    Nevermind vw or volvo, you need a land rover, it'll run OK anywhere
  • 2
    Chrome is not that strict as Safari (and other browsers) is with styles. Therefore this can happen, when Chrome uses not the very correct reference for his calculations.
  • 3
    Because Safari is the new IE
  • 0
    Needs more mom packages...
Add Comment