CSS media queries don't working -


hello i've created website, 3 weeks ago media queries , worked , take break. i'm testing again site media queries don't work (yes freaking messed up).

here media queries:

/* media queries */  @media screen , (max-width: 980px) {      #ad-container, #ad, #adnum, #adnums, #adstxt, #footer {         display: none;     }      #adtxtspecial {     display: block;     }      #content {     padding-left: 0px;     }      #project-logo {     display: none;     } }  @media screen , (max-width: 320px) {      #header {         height: 100px;     } } 

in head of document got this:

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width = device-width;"> 

please answer posible.

edit: these original styles elements need change.

#ad-container {   text-align: center; }  #ad {   width: 900px;   height: 500px;   margin-right: auto;   margin-left: auto;   display: block; }  #adnums {    padding: 2px;    background-color: #f7f6f5;    cursor: pointer; }  #adnum {    color: #dd4814;    font-weight: bold; }  #adstxt {    font-size: small; }  #adtxtspecial {    display: none;    text-align: center;    font-size: 40px;    color: #dd4814;    font-weight: bold;    padding-top: 100px;    padding-left: 10px;    padding-right: 10px; } 

the problem can think using inline style. inline style overrides style properties css section/file.

here's example

i added css:

#content{     padding-left:50px; } 

note should not use 2 different element's same id example works , demonstrate problem.


Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -