felixmax написал(а):и всё... вроде бы всё работает. Про селектор что то не допонял.
Я это на случай, если вы захотите где то применить в другом месте, то есть к примеру имеем:
<div id="eto_id">здесь текст</div>
И хотим сделать тоже самое, что вы сделали у себя. Я выделил id, который ставим сюда:
@media screen and (max-width:1280px) and (min-width:1024px) {#eto_id {
font-size: 11px;
}}
@media screen and (max-width:1024px) and (min-width:800px) {#eto_id {
font-size: 10px;
}}
@media screen and (max-width:800px) and (min-width:200px) {#eto_id {
font-size: 9px;
}}
Тоже самое делаем в случае с классом, как в вашем случае:
felixmax написал(а):@media screen and (max-width:1280px) and (min-width:1024px) {.punbb .side-lnk {
font-size: 11px;
}}
@media screen and (max-width:1024px) and (min-width:800px) {.punbb .side-lnk {
font-size: 10px;
}}
@media screen and (max-width:800px) and (min-width:200px) {.punbb .side-lnk {
font-size: 9px;
}}