时间戳

首页 > 解决方案 > 我如何让我的按钮 div 在每个设备上都响应

html - 我如何让我的按钮 div 在每个设备上都响应

问题描述

我正在做一个简单的项目。我需要一些帮助来使我的按钮在每台设备上都能响应。当我在 iPad 中看到这个时，按钮在设备中移动到顶部。我希望它在所有其他设备的页面中间。

<div class="d-flex justify-content-center align-items-center container ">
   <a href="video.php"
         <button type="button" id="screen" class="btn btn-primary" style="margin-top: 25%"> btn-Start ScreenSaver-btn </button>
   </a>    
</div>

任何帮助将不胜感激。

标签： htmlcssbutton

解决方案

添加height:100%到您的容器中，示例小提琴

HTML

<div class="d-flex justify-content-center align-items-center container ">
   <a href="video.php">
         <button type="button" id="screen" class="btn btn-primary" style="margin-top: 25%"> btn-Start ScreenSaver-btn </button>
   </a>    
</div>

CSS

html, body, .container {
  height: 100%;
}

推荐阅读