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