html - How does CSS Media Query work exactly? -
let's have 2 different css files (desktop.css , ipad.css) being applied same html page.
i have pseudo div defined follows (in desktop.css)
div.someclass{float:left;overflow:hidden;height:100px}
now @ lower screen size (user resizes browser ipad size) , ipad.css gets applied. question is, effect of properties defined in desktop.css still remain or wiped out , ipad.css properties applied..
like in ipad.css, if want have overflow:visible (i.e. default overflow value), need explicityly specify or if define follows in ipad.css
div.someclass{float:left;height:100px}
it automatically apply default overflow:visible value div ?
@testndtv; have write overflow:visible
in ipad.css
because media query
detect screen resolution
& active css
according screen resolution
. that's why can override
our ipad.css
property activate one.
so, ipad.css
write this:
div.someclass{float:left;overflow:visible;height:100px}
Comments
Post a Comment