divs Display property change via CSS media query -
trying set different layout using media queries have truble defining divs layout according screen width
this the fiddle result
and the fiddle test project using
the problem stack on top of others
red green blue when hitting less 1200 px
what doing wrong ?
the main problem having css ignoring @media code. using inline css, , inline css rules wins external css rules (== @media code).
recommend reading on cascading order of css: http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css
for jsfiddle, transfer code style="..." css frame on right, making external css instead of internal css. reorder this: if want media override default css, place @media selector under code want overridden.
Comments
Post a Comment