Fktrctq, нет. Этим Вы задаете ширину блока, внутри которого собираетесь делать повторение по горизонтали. То есть по сути у вас картинка размножается, на на протяжении блока в один пиксель.
Для спрайтов есть правило - если элемент требуется повторять по горизонтали, все элементы в спрайте должны быть выстроены вертикально. И наоборот. Поэтому скорее всего нужно переделать сам спрайт.
samoylov,а не подскажите можно ли масштабировать картинку из спрайта под разные разрешения например логотип? в спрайте он имеет размер 145 на 145 пикселей его делаю под ПК как бы его сделать под планшет уменьшив до размера 120 на 120 Реально ли такое сделать используя спрайт?
Fktrctq, посмотреть бы на спрайт (можно заблюрить айдентику, главное - расположение элементов). А так, масштабировать можно, используя background-sizе. Например, установим ширину изображения в 120px, а высота будет уменьшена пропорционально:
Но я бы посоветовал для мобильных платформ вовсе делать retina-ready изображения, чтобы не было мыла. Если хотите, чтобы все было в одном спрайте для всех разрешений, то можете увеличить его до 240px по ширине. И также для десктопа уменьшить с помощью background-size до 145px, а на девайсах до 120px.
Последний раз редактировалось samoylov; 26.07.2016 в 15:39.
при разрешении 599 выводится весь спрайт в размер 120 на 120 а он у меня размером 184 на 180 Подскажите пожалуйста как можно подправить чтобы из спрайта было видно только 120 на 120 от 0 точки
Fktrctq, посмотрел спрайт. Теперь стало все понятно. Изображение имеет размеры 184х180:
Но! Справа от логотипа располагается ряд дополнительных элементов, и если уменьшить до 120px весь спрайт, то и они влезут в блок. Соответственно нужно уменьшить изображение с тем же коэффициентом, какой предусмотрен для самого логотипа.
Производим расчеты:
145 / 120 = 1.2083 - коэффициент уменьшения логотипа 184 / 1.2083 = 152.2 - размер всего спрайта при уменьшенном логотипе
Ширину взял чуть больше, потому что нижние элементы таки залезали вместе с логотипом. Для избежания такого можно поиграться с размерами или предусмотреть поля.