Jump to content

Recommended Posts

Posted

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>

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...