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

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -