Jump to content
Constantine

html banner not all devices

Recommended Posts

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>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now



×