Destell, они сжимаются сохраняя соотношение сторон картинки, если нужно чтобы картинки сжимались пропорционально размерам блока, то у bg-size 2 размера, по горизонтали и вертикали.
Вот иллюстрация: https://jsfiddle.net/fatcz3bk/
Либо вы глазами смотрите на какой ширине ломается верстка и пишете media и соответствующие стили.
Либо на JS сравниваете сумму ширины блока с шириной окна и выясняете влезает или нет. И переопределяете стили.
Владимир, да все равно, хорошо бы полную картину происходящего.
Проверяйте масштаб и другие стили и media условия.
В инспекторе все отлично будет видно (скин это не от вашего примера)
Открываете инспектор кода, вкладку Computed и всё всё там смотрите.
Либо выкладывайте конкретный пример.
Потому что откуда тут взялось 1310 вообще не ясно
Проблема в том, что background-color: green применяется на 1629px, хотя ведь ДОЛЖЕН 1310px. ПОЧЕМУ ТАК??
Поменять "Телефон:" на "E-mail", phone на email (всюду, где встречается).
По аналогии добавить еще одно поле. Смотрите где встречается, например, phone и делаете также. Проверяете.
Выложите ваш код на jsfiddle.net или аналог. Архивы вряд ли кому-то захочется скачивать.
Чтобы это не превратилось в задание, теория:
1. Общий родитель у картинки (ну или обертке картинок) и стрелок.
2. Размер родителя = размеру картинки.
3. Родителю position:relative
4. Стрелкам position: absolute
5. Правой right:0, левой соответственно left:0
Olek1, Интересно посмотреть что разместит дизайнер на сэкономленном пространстве.
У убирающегося скролла есть минус: не всегда понятно в каком месте страницы находишься и сколько еще мотать.
И лично у меня почему-то возникали проблемы с кастомными скроллами на сенсорных экранах ноутов. Возможно дело в моих руках, а не в скроллах, не разбиралась, в код не заглядывала и тут спорить не буду.
и так примерно пол тысячи стилей с одним и тем же цветом.
Что-то тут не так с логикой верстки.
Варианты:
- задавать цвет родительскому элементу
- создать класс с цветом и применять его там, где нужно
- какой-нибудь еще вариант, если покажете макет/сайт.
Вот иллюстрация: https://jsfiddle.net/fatcz3bk/