Learn More
Resend Email
12
Spxx
6y

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

rant

css

questions
Favorite
Ranter
Comments
  • 3
    6y
    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
    6y
    Maybe its our eyes lying.
  • 2
    6y
    Did you add reset.css?
  • 2
    6y
    @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
    6y
    @Alice The browser support for those is not that good.
  • 1
    6y
    Nevermind vw or volvo, you need a land rover, it'll run OK anywhere
  • 2
    6y
    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
    6y
    Because Safari is the new IE
  • 0
    6y
    Needs more mom packages...
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment