Constantine
-
Posts
2 -
Joined
-
Last visited
Posts posted by Constantine
-
-
why regular html code not all devices display banner? captive portal in fact
<a href="https://play.google.com/store/apps/details?id=com.chiefdelivery">
<div class="banner" style="width: 100vw; height: 100vh;">
<div class="inner" style=""></div>
</div>
</a>
<style>
div.bannercode {
width: 100px;
height: 100px;
overflow: hidden;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.banner {
background-image: url('https://www.obit.ru/banner/AI_Image.jpg');
background-size: cover;
background-repeat: no-repeat;
}
.inner {
width: 100%;
height: 100%;
background-image: url('https://www.obit.ru/banner/b-hor.svg');
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 600px) {
.banner {
background-image: url('https://www.obit.ru/banner/AI_Image_vert.jpg');
background-size: cover;
background-repeat: no-repeat;
}
.inner {
width: 100%;
height: 100%;
background-image: url('https://www.obit.ru/banner/b-vert.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: 50%;
}
}
</style>
html banner not all devices
in Using Revive Adserver
Posted
done.