【底部的按钮不能随着屏幕同步缩放】

底部的按钮不能随着屏幕同步缩放

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

详细描述

截图

代码

    <footer>
        <div class="end">
             <button class="stay">留言</button>
             <button class="coll">电话联系</button>
        </div>
    </footer>

.end{
    display:flex;
    justify-content:space-around; 
    position:fixed;
    bottom: 5px;
}
.stay {
    background-color: #ffffff;    
    color: #66cccc;
    padding: 8px 50px 8px 50px;
    margin: 0 5px 2px 12px;
    border-radius: 0.5rem;
    border-color: #66cccc;
}
.coll {
    background-color: #66cccc;    
    color: #ffffff;
    padding: 8px 48px 8px 48px;
    margin: 0  12px 2px 12px;
    border-radius: 0.5rem;
    border-color: #66cccc;
}

编辑于2024-11-17