|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
08.02.2013, 08:14 | #1 |
Форумчанин
Регистрация: 17.04.2011
Сообщений: 168
|
Растягивание изображения автоматически под разрешение монитора
Здравствуйте товарисчи, это уже изъезженная тема ну я все же хочу уточнить и узнать сам, мне необходимо картинку автоматически растягивать под разные разрешения экрана,как это осуществить желательно через JavaScript или CSS.
|
08.02.2013, 12:06 | #2 |
Пользователь
Регистрация: 14.01.2013
Сообщений: 49
|
CSS
Что бы тупо растянуть изображение можно прописать в стилях его ширину и высоту 100%. height:100%;width:100%; При этом картинка растянется на всю площадь блока в котором находится (если находится в body то на весь экран) Но скорее всего в большинстве случаев будут нарушены пропорции Это можно избежать, если ограничить размеры изображения, по какому либо из направлений. Например, указать, что максимальная высота 300 пикселей, а ширину 100%. Тогда картинка будет пропорционально увеличиваться до тех пор, пока не достигнет ограниченной высоты. Свойства CSS: max-height: максимальная высота min-height: минимальная высота max-width:максимальная ширина min-width:минимальная ширина Можно по комбинировать что бы добиться оптимального эффекта |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
разрешение монитора | 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 |