html - different browser and same css media min/max width -
so i'm having real problems dealing css thing.
i have 4 columns @ 1920px (browser resolution) , (decreasing resolution) 3 columns, 2 , one, simple. text inside , elements need perfect there came problems had use media screen restrictions elements etc. went except details came up, chrome , firefox both got different rendering media screen queries.
i have example this.
@media screen , and (min-width: 746px) , (max-width:765px) { .agi { margin-bottom: 470px; /* because columns 1 one floated left , want last row below these columns in various browser resolutions */ } } and it's different in firefox (looks good) , different in chrome (looks bad).
so have found css browser hack chrome.
@media screen , (-webkit-min-device-pixel-ratio:0) , (min-width: 746px) , (max-width:765px){ .agi { margin-bottom: 470px; } } it great because works chrome, firefox doesn't work because min-width same chrome , firefox , here don't know do. how can achieve same visibility @ both browsers. should try firefox css hack too? there solution? thank you.
Comments
Post a Comment