html 字体粗细不起作用,html – 媒体查询字体大小不起作用

我搜索过,但没有发现任何类似于我的问题.

#navigation {

position: fixed;

top: 0;

width: 100%;

color: #ffffff;

height: 35px;

text-align: center;

padding-top: 15px;

-webkit-box-shadow: 0px 0px 8px 0px #000000;

-moz-box-shadow: 0px 0px 8px 0px #000000;

box-shadow: 0px 0px 8px 0px #000000;

background: url(../images/bg.jpg) repeat top left;

z-index: 9999;

}

#navigation a {

font-size: 15px;

padding-left: 15px;

padding-right: 15px;

color: #F2B704;

text-decoration: none;

}

#navigation a:hover {

color: #D78E02;

}

@media only screen and (max-device-width: 480px) {

#navigation a {

font-size: 10px;

}

}

GALERIJA

FESTIVAL

KONTAKT

媒体查询不会导致在较小的屏幕宽度上更改我的字体大小,它仍然保持在15px.我做错了什么？