Подгон изображения под разные мониторы

@~~ts-alan~~ · 14.08.2015, 17:53. **Показов** 2531. **Ответов** 3

Author24 — интернет-сервис помощи студентам

Какие способы есть подгона размеров под разные мониторы?

@cyb0rg_01 · 15.08.2015, 12:36

Вместо абсолютных значений используй относительные значения
т.е. например:
абсолютное -

CSS

1
2
3

.absolute-value {
   width: 100px;
}

относительное -

CSS

1
2
3

.relative-value {
    width: 10%;
}

для разных экранов описывай классы, ид соответственно:

CSS

@media only screen and (max-width:767px) {
    .some-class{
        width: 15px;
    }
}
@media only screen and (min-width:768px) {
    .some-class{
        width: 30px;
    }
}

Первый вариант не столь гибкий как второй

@~~ts-alan~~ · 17.08.2015, 14:21 **[ТС]**

во что еще нашел-мот будет интересно
http://htmlbook.ru/css/Position

@Neiroromantik · 19.08.2015, 06:41

Привет. Попробуй вот этот класс из бутстрапа.

CSS

.img-responsive
{
  display: block;
  max-width: 100%;
  height: auto;
}

@~~ts-alan~~ Заблокирован
		1
	Подгон изображения под разные мониторы 14.08.2015, 17:53. Показов 2531. Ответов 3 Метки нет (Все метки) Какие способы есть подгона размеров под разные мониторы? 0

@~~ts-alan~~ Заблокирован
	17.08.2015, 14:21 [ТС]	3
	во что еще нашел-мот будет интересно http://htmlbook.ru/css/Position 0

	19.08.2015, 06:41

Подгон изображения под разные мониторы

Решение