My firefox does not render my Gina correctly

Asked

Viewed 36 times

-2

I always use Rome to do my tests on the pages I’m developing there in Rome everything is ok... But when I render the same page in firefox, the letters are slightly flattened and the measures and spacing of the elements are different... Disorganized... not to the extreme, but left... For example, in Rome, a button is one size and behaves correctly, but in firefox the same button gets smaller or bigger and still behaves differently... The technologies I use are only HTML5, CSS3 and Flexbox basically...

html5 css3 firefox flexbox

  • Each browser has its own way of interpreting the code, so it is up to the developer to manage the code efficiently so that the code adapts to these different circumstances.

  • Tendi bro... except I’m new, I’m starting now and I’m getting my ass kicked... I do not know what would be the management that you say in the context of my problem... But obg by the answer... hehe

  • Face edits your answer is puts your html/css code, if possible puts tbm a print like this in Chrome and firefox

1 answer

0


Something that might help is a CSS reset

html, body, span, p, form, img, a, ul, ol, li, table, tr, td, div{
margin: 0;
padding: 0; 
border:none; 
outline:none;
list-style-type:none;
}

Note: this is a partial solution, since it is necessary to check if each css styling works in each browser. It is also necessary to check whether the file formats are supported by the browser.

  • Unfortunately it didn’t work... =/

  • @Tonyivan before you start coding you should put this code, not after 'ready''

  • 1

    i started using... *{ font-family: 'Ubuntu', sans-Serif; box-Sizing: border-box; margin: 0px; padding: 0px; border:None; Outline:None; list-style-type:None; } is almost the same thing not?

Browser other questions tagged html5 css3 firefox flexbox

You are not signed in. Login or sign up in order to post.