如何在移动菜单底部添加按钮。
我目前实施的方式，
我使用菜单上的最后一项作为我的按钮（在使用CSS设置样式后）
现在在不同的浏览器（Safari/Chrome/Firefox）上，它的位置是绝对的，移动100vh的高度是绝对的；不同的手机（iPhone/Android）实际可视屏幕大小与设备屏幕高度（100vh）不同，因此我将底部按钮的底部值设置为131px的偏移量。但是，这给了我一个按钮后的白色间隙（myMobile菜单背景为白色）How do I set the Button to exactly sit in the Bottom with zero pixel gap after the Button?(for all mobile devices & all mobile browsers)
更多详细信息：
按钮只是通过WP Admin的Wordpress菜单设置部分添加的新自定义菜单项。并已申请。应用dl按钮类。
CSS代码：
@media only screen and (max-width: 500px) and (min-width: 300px)
{
#header{
height: 56px;
}
#mainnav-mobi{
height: 100vh;
}
li.app-dl-button{
display: unset !important;
position: absolute !important; /*adding important as conflicts with CSS in main.css*/
bottom: 131px; /*56px is height of Header menu and 50px additional required for addressbar*/
/*bottom: 106px;*/ /*56px is height of Header menu and 50px additional required for addressbar*/
/*bottom: 81px;*/ /*56px is height of Header menu and 25px additional required for addressbar*/
text-align: center !important; /*conflicts with CSS in main.css*/
width: 100vw;
background-color: #236df1;
}
li.app-dl-button:after{
content: url(https://pathto/download-arrow.svg);
position: absolute;
z-index: 100000;
left: 28vw;
top: 15px;
}
}
