元素之间的响应高度间距

Question

您好我正在尝试创建响应式布局。我希望我创建的按钮适合左侧的某个位置。但是，当我将它加载到我的手机（侧面）时，它不会显示所有按钮，因为我无法向下滚动。我不想向下滚动。我可以根据屏幕尺寸确定按钮的大小和/或间距吗？

谢谢！

http://farah-sean.samanthaongphoto.com/index2.html

Answer 1

对于响应性，您可以使用2种方法。

或者您根据百分比确定CSS样式，并且您的布局适合大小屏幕，或者您可以使用CSS属性@media

根据屏幕大小定义CSS规则

请参阅W3C @media

中的例子

@media screen and (max-width: 300px) {
    body {
        background-color: lightblue;
    }
}

为不同的屏幕尺寸定义各种@media将使您的布局响应。