Jump to content

Constantine

Approved members
  • Content Count

    2
  • Joined

  • Last visited

  1. 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>
×
×
  • Create New...