缩小窗口时，从垂直到水平分隔线的css响应

Question

我在设计页脚时遇到与图像相同的问题。我是css和bootstrap的新手，这就是为什么没有太多的知识。我想仅为移动视图设计给定的页脚。对于桌面，图像将是不同的。我对水平分区感到困惑，因为它将在桌面

中具有垂直分区

我的桌面视图代码是：

Gpio.setDirection

.btn-font {
  color: white;
  font-weight: bold;
}

Answer 1

输入css时，您可能希望使用%练习。
e.g。

border-right: 1%
style="margin-top: 1.3%; <br/>

使用px和em通常可能会因不同大小的屏幕而损坏您的CSS。

Answer 2

使用CSS border。在移动设备中，将其设置为顶部或底部边框（因此它是水平的），并在桌面上使用@media查询使其成为左边框或右边框（因此它是垂直的）。