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

То что код кривой - это даже девочкам из элитного колледжа понятно.

А вы, не подумавши, - тупо схавали :::

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

Что я неправильно написал?

Вот я делал сайт человеку с этого форума ridder.asia в нем как раз применен тот код который я описал выше.

Именно в шапке.

А это вообще о чем? какое сомнение?

Вы очень удивитесь - всё неправильно или не в тему... ))

Лучше бы не показывали сие творение... кодировщики мля

Вы своё чудо на планшетнике видели?

У вас даже заявленный DOCTYPE не соблюдается, не говоря о других шикарных конструкциях

волшебный код для тегов img :

max-width:100%;

это очень сильное колдунство (!!!)

Может хватит пустозвонить? что именно неправильно?

Предоставь тогда код который ты считаешь правильным для тс.

И хватит выдумывать всякую отсебятину:

max-width:100%;

он всего лишь даст понять браузеру что максимальный размер картинки 100%, т.е. ее полный размер, следовательно для ТС это не совсем то что нужно. Ему нужно растянуть картинку по ширине монитора даже если она 1px размера. В CSS max/min не определяет размер, а задает границы объекта/блока.

Так что либо указывать фикс. размер, либо юзать js и определять размер монитора юзера.

Если бы я делал так, то я бы лучше в куки запись делал о разрешении, а затем PHP формировал бы размер, так как пышка грузится самой первой, то и размер картинки будет формировать сразу же, а не после того как структура сайта загрузится.

Сделал набросок, два варианта, какой удобней тс.

http://pavelnub.tmweb.ru/

предоставлять... - вам жена будет... если захочет

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

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

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

.style {

 background: url(img.jpg) no-repeat center top;

 overflow: hidden;

}

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

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