Растягивание изображения автоматически под разрешение монитора - PHP

manula · 08.02.2013, 08:14

Здравствуйте товарисчи, это уже изъезженная тема ну я все же хочу уточнить и узнать сам, мне необходимо картинку автоматически растягивать под разные разрешения экрана,как это осуществить желательно через JavaScript или CSS.

Stroy562 · 08.02.2013, 12:06

CSS
Что бы тупо растянуть изображение можно прописать в стилях его ширину и высоту 100%.
height:100%;width:100%;
При этом картинка растянется на всю площадь блока в котором находится
(если находится в body то на весь экран)
Но скорее всего в большинстве случаев будут нарушены пропорции
Это можно избежать, если ограничить размеры изображения, по какому либо из направлений.
Например, указать, что максимальная высота 300 пикселей, а ширину 100%.
Тогда картинка будет пропорционально увеличиваться до тех пор, пока не достигнет ограниченной высоты.

Свойства CSS:
max-height: максимальная высота
min-height: минимальная высота
max-width:максимальная ширина
min-width:минимальная ширина

Можно по комбинировать что бы добиться оптимального эффекта

08.02.2013, 08:14	#1
manula Форумчанин Регистрация: 17.04.2011 Сообщений: 168	Растягивание изображения автоматически под разрешение монитора Здравствуйте товарисчи, это уже изъезженная тема ну я все же хочу уточнить и узнать сам, мне необходимо картинку автоматически растягивать под разные разрешения экрана,как это осуществить желательно через JavaScript или CSS.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
разрешение монитора	AndreNAZ	Общие вопросы C/C++	3	27.07.2010 17:43
Можно-ли массштабировать изображения на сайте подстраиваясь под разрешение посетителя?	maagalex	HTML и CSS	22	20.04.2010 18:13
Разрешение монитора	Glaznoy	Компьютерное железо	11	10.09.2009 21:04
Подстройка формы под разрешение монитора	Assassin	Общие вопросы C/C++	5	08.04.2008 18:16
данные о видеосистеме: тип видеоадаптера, тип монитора, режим монитора: разрешение, частота обновления	WaxeP	Win Api	9	15.04.2007 18:12

08.02.2013, 12:06	#2
Stroy562 Пользователь Регистрация: 14.01.2013 Сообщений: 49	CSS Что бы тупо растянуть изображение можно прописать в стилях его ширину и высоту 100%. height:100%;width:100%; При этом картинка растянется на всю площадь блока в котором находится (если находится в body то на весь экран) Но скорее всего в большинстве случаев будут нарушены пропорции Это можно избежать, если ограничить размеры изображения, по какому либо из направлений. Например, указать, что максимальная высота 300 пикселей, а ширину 100%. Тогда картинка будет пропорционально увеличиваться до тех пор, пока не достигнет ограниченной высоты. Свойства CSS: max-height: максимальная высота min-height: минимальная высота max-width:максимальная ширина min-width:минимальная ширина Можно по комбинировать что бы добиться оптимального эффекта