在iPhone上的页面末尾和按钮之间放置空格

Question

大家好，我的代码有问题。我有一个引导按钮，这很好，但我如何在按钮和页面末尾之间留出空间。因为它只在iPhone上出现问题。这很奇怪，因为当我正常握住它好的按钮时，但是当我转动我的 iPhone 时，就没有空间了。

这是我的按钮：

<div class="row">
<div class="text-center">
<button type="button" class="learn btn btn-info">Learn more</button>
</div>
</div>

Answer 1

正如 Ashiqur 建议的那样，在按钮底部添加一些边距

.learn {
margin-bottom: 1rem;
}

Answer 2

也许把这样的CSS放到你的按钮上：

button.learn {
margin-bottom: 10px;
// Or :
padding-bottom: 10px;
}

Answer 3

也许你应该添加这个：

html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden; 
}