design-web-toolkit icon indicating copy to clipboard operation
design-web-toolkit copied to clipboard
verified publisher icon italia

bug media query max-width?

Open mbolzan opened this issue 7 years ago • 2 comments

è una mia impressione (o errore di valutazione), ma i limiti max-width delle media query css vengono ignorati ? nella grid https://italia.github.io/design-web-toolkit/components/preview/grid--responsive-alt.html a 1365px le colonne hanno larghezza full e non 1of2 come da classe specifica md; a 1366px sono correttamente 1of4 e a 1364px correttamente 1of2

grazie //marco

mbolzan avatar Sep 28 '18 08:09 mbolzan

ciao, non ho compreso bene il problema. a 1365 im risulta siano 1of2

gunzip avatar Nov 07 '18 09:11 gunzip

mi sembra di riuscire a replicare che la regola @media screen and (max-width: 1365px) and (min-width: 992px) di u-md-size1of2 faccia vedere due colonne da 992 a 1364 px compresi e quindi non consideri 1365 come compreso nell'intervallo.

Allego due ss da chrome e firefox

Accade ovviamente anche per esempio nel caso @media screen and (max-width: 991px) and (min-width: 768px) di u-sm-size1of3 dove il 991 sembra escluso e assume visualizzazione di full (allego ss3).

chrome_devtool chrome_ss3 firefox_webdevtools

mbolzan avatar Nov 07 '18 11:11 mbolzan