Картинка под ширину экрана

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

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

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

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

По рукам? ;)

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

Geers, ну как "версальщик верстальщику" намекну ещё раз, что есть не менее сильное колдунсво: min-width.

опять же эти "чудеса" нужны для сохранения пропорций, никакой джавы нафиг не надо. всё решаемо CSS.

ЗЫ: что за тема такая странная? всё по два раза втыкать надо 😂

А ТС то нет, он видать убежал, от греха по дальше как увидел такой переполох в его теме 😂

DiAksID, я понял, что меня не поняли, потому что понял это только я

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

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

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

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

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

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

Не хотите и встреваете? - забавно

Дубль два: в третьем сообщении (#3) - явно указано решение.

Один тут уже накодил клиенту по-своему...

Вы хоть сами поняли что сказанули?

Да как бэ если без коньяку - мне это не нада и так всё большинству читателей понятно... Вы не правы!

Ребяты! Почитайте внимательно чего хотел ТС...

А то реально смешно, особенно когда под обиженок косите... ))

<img src="images/fon.png"  style="margin: -113px 0px -70px -200px; width: 1378px;"/>

Продублирую пост ТС для более полного разъяснения, того что ему нужно, ИМХО конечно.

Я конечно до сих пор въехать не могу для чего тут это

style="margin: -113px 0px -70px -200px;

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

Чтобы подогнать картинку меньшего размера под ширину, нужно узнать размер монитора, а css этого не умеет. Хотя как то делал это, надо порыться, вроде c помощью CSS3 можно задать список разрешений и по ним уже выводить размер, но если перебирать порядка 20-30 вариантов это будет как то...

Следовательно для определения размера моника юзаем JS, после того как узнали ширину задаем ее картинке, согласен, качество будет УГ если изображение на порядок меньше монитора.

Если оно больше, то да css вполне подойдет, даже лучше его будет юзать.

Но так как ТС нужно все же подогнать мистический размер картинки, я предположил что она имеет меньший размер определенных мониторов, и если это так то с помощью css сделать этого не получится.

Скажем есть картинка 1378px, и монитор шириной в 1920px

в стилях пишем

img {min-width:1378px}

понятно что max-width: 100% писать в данном случае не нужно, так как картинка не расширится до 1920px, и не уменьшится меньше 1378px, а следовательно 1378px это фикс размер, если учесть что картинка 1378px

Вот теперь и сижу думаю, то ли я туплю, то ли лыжи едут.

Pavel_, подскажи что ты куришь, я тоже хочу.

Об чем топик?

Ответ дан в третьем посте.

Реализация

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