Geers

Geers
Рейтинг
487
Регистрация
12.04.2011

О май гат) ноги в мой рот ) 😂

---------- Добавлено 01.03.2013 в 22:18 ----------

technomaster:
Уже давно не мейнстрим....

Нынче в моде harlem shake, вон даже рашн вершн есть:

Этот зачотней) 🤣

Алексей Барыкин:
Об чем топик?
Ответ дан в третьем посте.
Реализация

Так мы не знаем, нужно ли тс чтобы растягивалось изображение или нет, или нужно чтобы исходное сохранялось.

DiAksID:
таки с min-width та же байда ;)

да и сама идея порочная, логичнее FullHD заставку на 1920+ px вписать в мелкий экран чем растягивать мелкую картинку и получить гуано на большом мониторе...

Самый оптимальный но трудоемкий вариант, думаю это подключение разных стилей, с шапками под определенный размер.

DiAksID:
таки до сих пор пели хором, что max-width:100% "просто задаст 100%-й (реальный) размер изображению". с этим то всё, надеюсь, исчерпано?

Ну это да, если рисунок 2000-3000-5000px; а если 1000? 🙄

Да и тс как я понял надо чтоб не сжималось и растягивалось изображение.

Вообщем придет тс и узнаем. :)

Pavel_:
Шикарная цитата... скора первое апреля... не забывайте порадовать форумчан... ))

overflow: hidden говорите? - бегом перечитывать топик внимательно

Блин, как ты меня достал. 😂

Давай не будем пустозвонить, смотри, тс-у надо чтобы рисунок был на расширение экрана пользователя, сохраняя его пропорции, т.е. чтобы не растягивалось и не сжималось.

Пусть рисунок будет width: 2000px; height: 200px;

Сделай мне без overflow: hidden и я перед тобой извинюсь.

По рукам? ;)

DiAksID:
ай-яй-яй, Geers, спецом для Вас, любуйтесь: http://yiic.ru/performance.html, схемка по центру.

жёско прописаны размеры изображения в атрибутах (!) теперь сжимайте окно броузера и бабах !!! картинка адапртируется к рамеру блока. я ж говорил - очень сильное колдунство....

Нет, вы не поняли, оно должно растягиваться а не сжиматься. ;)

Сжал браузер на половину, остается реальный размер рисунка, начинаю растягивать, он остается таким же реальным размером.

max-width:100%; не растягивает изображение, вы же верстальщик. :)

Pavel_:
Да ну? ... ))
И с чего это вы решили, что топикстартеру нуЖон background, да ещё с overflow: hidden ?

Какая разница, бакроунд это, или таблица, или div?

overflow: hidden для того чтобы за пределы указанного класса не выходило.

Читай студент.

http://htmlbook.ru/css/overflow

Описание
Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
DiAksID:
прежде чем постить стоило поинтересоваться как работает max-width, что именно и как он ограничивает, что это за "100%" 😂 если бы в HTML всё работало настолько примитивно как Вы себе представляете этот язык разметки сдох бы до своего рождения.

ЗЫ: это самый простой способ автоскаллирования размера изображения в зависимости от размера "обёртки", стиль заставляет броузер вписать картинку в блок с сохранением пропорций...

При max-width:100%; он выдаст реальный размер рисунка, он правильно написал. :)

Pavel_:

В качестве домашнего задания - попробуйте асилить идею... ))

Какого еще задания, вот решение, и на этом точка.

.style {

background: url(img.jpg) no-repeat center top;
overflow: hidden;
}
kuprum:
Geers, мозг серчеру отдал взамен инфокурса?

А что со мной не так? :)

Всего: 13015