| |
|
|
| | Привет! натолкните пожалуйста на правильную мысль как увеличивать изображение в зависимости от экрана
к примеру есть изображение в блоке:
<div class="myimages">
<img src="myimages.jpg">
</div>
у класса myimages изначальные размеры 600*400 px
эти размеры помещаются в любой экран, но если у экрана размеры: 1920 * 1080 px то это изображение будет казаться маленьким окруженное пустотой...
как можно увеличивать изображение в зависимости от разрешения экрана?
спасибо! | |
| |
|
|
| |
|
|
| |
для: tima2010
(08.10.2011 в 20:01)
| | |
<img style="height: нужное в процентах">
либо
<img style="width: нужное в процентах">
|
| |
| |
|
|
| |
|
|
| |
для: АЯС
(08.10.2011 в 20:09)
| | | оно понятно, а как это довести до автоматизма? ясно что jquery но как ? | |
| |
|
|
| |
|
|
| |
для: tima2010
(08.10.2011 в 20:22)
| | | картинке пишете размер в 100%.
а вот размер контейнера myimages надо менять.
почитайте про mix-width / max-width это в css | |
| |
|
|
| |
|
|
| |
для: tima2010
(08.10.2011 в 20:22)
| | | До какого "автоматизма"?
Причём тут jquery?
Вы о чём вообще?
%% - они САМИ, сиречь АВТОМАТИЧЕСКИ учтут размер окна браузера.
Пропишете у картинки "width: 50%" и размер картинки по ширине ВСЕГДА будет равен половине ширины окна браузера, при ЛЮБОМ разрешении экрана.
Что непонятного-то?
PS. Учитывать разрешение экрана посредством скрипта и управлять затем размерами картинок (точно в пикселях) - оно, конечно, можно. Как просто чистым JS, так и посредством любимым многими jquery.
Однако куда более существенным фактором, влияющим на "смотрибельность" страниц является размер окна браузера.
Учтёте вы большое разрешение, а клиент откроет окно браузера не во весь экран, а в полэкрана. Ну и где будет ваш "учёт"? :-) | |
| |
|
|
