Помогите короче нубяре

Тема закрыта by

397219869
Причина: сделал

http://byma.ru

видите как картинка выводится?

Так вот, мне нужно что бы картинка с телефона подганялась под экран, а с пк сохраняла свой размер :)

Заменить это:
<img src="1.png" alt="текст" width="539" height="600">
на это:
<img src="1.png" alt="текст">

в файле css добавить:
.imgteaser img
{
max-width:539px;
min-width:200px;
max-height:600px;
min-height:200px;
width:100%;
height:100%;
}
________
посл. ред. 28.11.2016 в 03:17; всего 1 раз(а); by SayrusCraft

SayrusCraft (28.11.2016 в 03:17)
Заменить это:
<img src="1.png" alt="текст" width="539" height="600">
на это:
<img src="1.png" alt="текст">

в файле css добавить:
.imgteaser img
{
max-width:539px;
min-width:200px;
max-height:600px;
min-height:200px;
width:100%;
height:100%;
}

cek

неа

397219869 (28.11.2016 в 04:04)
неа

<!DOCTYPE html>
<html>
<head>
<title>Page.</title>
<meta charset="UTF-8" />
<style>
.imgteaser { /* Тамара, тебе посвящается */
position: relative;
display: table;
margin: 0 auto;
border: 10px solid #456;
line-height: 0;
color: rgb(223,223,223);
cursor: pointer;
}
.imgteaser:after { /* "нажми..." */
content: "Нажми... \bb";
position: absolute;
right: 10px;
bottom: 10px;
padding: 5px 10px;
background: rgba(17,34,51,.6);
line-height: 1.6em;
}
.imgteaser:hover:after {content: none;}
.imgteaser figcaption {display: none;}
.imgteaser:hover figcaption { /* Тамара, тебе посвяшается */
display: block;
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
padding: 5px 10px;
background: rgba(68,85,102,.7);
font-size: 80%;
line-height: 1.3em;
}
.imgteaser:hover figcaption strong { /* Тамара! Тебе посвящается... */
display: block;
line-height: 2em;
font-size: 110%;
}
.imgteaser img
{
max-width:539px;
max-height:600px;
min-width:200px;
min-height:200px;
width:100%;
height:100%;
}
</style>
</head>
<body>
<figure class="imgteaser">
<img src="1.jpeg" alt="текст"/>
<figcaption><strong>Посвятил тебе</strong><br>Когда увидел я тебя, <br>
Мелькнуло что-то вдруг внутри. <br>
Тогда мне солнце ярко улыбалось, <br>
Без тебя уж тучи чёрные пошли... <br><br>
Твой запах тела сносит крышу, <br>
Твои глаза как яркие алмазы... <br>
Ведь я тобой так часто дышу, <br>
И нету в этом никакой преграды.... <br>
</figcaption></figure>
</body>
</html>

SayrusCraft , вот так как и обычно

.imgteaser img
{
width:100%;
height:100%;
}
пробуй.

397219869 (28.11.2016 в 08:30)
SayrusCraft , вот так как и обычно

вставьте это после тега <body>
<script>
document.write('<style>.imgteaser img{max-width:'+window.innerweight+'px;max-height:'+window.innerheight+'px;min-width:200px;min-height:200px;width:100%;height:100%;}</style>');
</script>

SayrusCraft (28.11.2016 в 09:43)
397219869 (28.11.2016 в 08:30)
SayrusCraft , вот так как и обычно

вставьте это после тега <body>
<script>
document.write('<style>.imgteaser img{max-width:'+window.innerweight+'px;max-height:'+window.innerheight+'px;min-width:200px;min-height:200px;width:100%;height:100%;}</style>');
</script>

мне как бы нужно что бы с пк картинка сохраняла размер, а с мобилы под экран. По твоему коду вот как выходит

вот так примерно