Размер картинки header

Всем привет. Решил вставить картинку в хеадер (на весь хеадер),с компа нормально отображается,а с мобильного картинка обрезается (правая ее часть) .
Подскажите пожалуйста,может есть какие "секретные коды" что-бы картинка не обрезалась на разных экранах а уменьшалась пропорционально.
У мня вписано так

Код (css):

1. background-image: url("images/pic/shm.jpg");
2.   height: 300px;
3.   width: 100%;

 

Спасибо draff,сработало,но я видимо что-то не так делаю,теперь с мобильного нормально а с компа нет




картинка уменьшилась,это шаблона настройки или я что-то не так написал?
шаблон gantry ковыряю template.less

Код (css):

1. #rt-header, #rt-top {
2.    z-index: 2;
3.    position: relative;
4.   background-image: url("images/pic/shm.jpg");
5.   background-repeat: no-repeat;
6.   height: 100%;
7.   width: 100%;
8.   background-size: contain;
9. }

 

Точно не скажу про компилятор,но по идее стоит,раз изменения происходят. Могу я как-то проверить стоит он или нет?

--- добавлено: Feb 7, 2015, первое сообщение размещено: Feb 7, 2015 ---

я так понял это оно