Как сохранить размер изображения заголовка в медиаэкране? - PullRequest
Новая
       21

Как сохранить размер изображения заголовка в медиаэкране?

0 голосов
/ 04 сентября 2018

Как сохранить постоянный размер изображения заголовка при переходе от исходного разрешения к запросам экрана мультимедиа ... используя только CSS и / или HTML, если это возможно?

Из index.html: 

<header>
        <iframe src="header.html" frameborder="0" width="100%" height="240"></iframe>
    </header>

Из header.html: 

<header>
<div style="display: flex; justify-content: center;">
    <a href="index.html" target="_parent"><img src="images/$RK6ZV6D.JPG" alt="logo" width="60%"></a></div>

Из main.css: 

header {
    background-color: #fff;
    margin-bottom: -2%;
}
@media screen and (max-width: 1600px){
header { 
    margin-bottom: -2%;
}
header img {
    width: 100%;
}
header iframe {
    height: 200px;
    margin: -0.5% -0.5% -0.9% -0.5%;
}
}
@media screen and (max-width: 840px){
header {
    margin: auto;
}
header iframe {
    height: 165px;
}
}
@media screen and (max-width: 480px){
img {
    border: 0.5px 0.5px solid #000;
    width: 90%;
}
}

Спасибо за дополнительную помощь и информацию!

...