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

Ranter

Comments

3

possum

1636

5y

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

sandeepbalan

1636

5y

Maybe its our eyes lying.
2

Nerd93

568

5y

Did you add reset.css?
2

ethernetzero

2085

5y

@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

ethernetzero

2085

5y

@Alice The browser support for those is not that good.
1

nibor

4877

5y

Nevermind vw or volvo, you need a land rover, it'll run OK anywhere
2

Sumafu

2248

5y

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

elliotalderson

821

5y

Because Safari is the new IE
0

cheat117

334

5y

Needs more mom packages...

Related Rants

devRant © 2021 Hexical Labs LLC
Privacy Policy | Terms of Service