Свой ксс при разном разрешении экрана

http://htmlbook.ru/css/media

http://www.w3schools.com/tags/att_link_media.asp

Не понял, что у меня не правильно?

Почему у меня браузер не подхватывает это?

<link rel="stylesheet" @media="(max-width: 1366px) and (min-width: 1281px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1366.css" type="text/css" />

Продиктуйте сюда синтаксис атрибута @media тега link.

Если не сложно просто напишите как правильно. Заранее благодарю...

Как правильно будет в вашем случае я не знаю, но в синтаксисе @media нету ничего от том что вы написали. Наверное придется на js что-то придумывать типо такого http://www.i2r.ru/static/476/out_17033.shtml

Прописал так, теперь все ок

<link rel="stylesheet" media="screen and (max-width: 1921px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1920.css" type="text/css" />

<link rel="stylesheet" media="screen and (max-width: 1601px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1660.css" type="text/css" />

<link rel="stylesheet" media="screen and (max-width: 1401px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1366.css" type="text/css" />

<link rel="stylesheet" media="screen and (max-width: 1289px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1280.css" type="text/css" />

<link rel="stylesheet" media="screen and (max-width: 1025px)" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/1024.css" type="text/css" />

Угу, грузится нужный стиль из 1024.css?

У меня сейчас разрешение 1366, и грузится стиль из 1366.css

Поменял на 1280, начал грузится 1280

А оно кроссбраузерно?!

Самоответ: подробности тут: http://www.w3.org/TR/css3-mediaqueries/

http://caniuse.com/#feat=css-mediaqueries

Если не брать устаревшие браузеры, то да, кроссбраузерно.