Css 对方形大屏幕的响应

我正在为我的站点使用引导。不同屏幕的响应性很好，除非我在方形大屏幕上看到。内容是在正常的屏幕中心使用填充顶部，我希望它确实是在底部时，它是在一个正方形的屏幕上查看，因为它看起来奇怪的白色空间左下方。如何使其对方形屏幕或大屏幕做出响应？我试着使位置相对于底部，它不起作用

您可以使用媒体查询，根据屏幕的像素纵横比来定位屏幕，如下所示：

@media screen and (max-aspect-ratio:1/1) {
    /* square styles here */
}

下面是一个正在运行的

此特定查询仅针对高度与宽度相等或更高的屏幕。如果纵横比大于1:1，则表示屏幕比高宽

如果要精确定位正方形，可以使用：

@media screen and (min-aspect-ratio:1/1) and (max-aspect-ratio:1/1) {
    /* square styles here */
}

尽管如此，我不推荐这样做，因为它不会给您提供不同显示大小的公差，正如您将在我上面的小提琴示例中看到的。这可能会给你自己带来很多额外的工作

---

方形屏幕是独特的，因为通常屏幕的方向是纵向或横向，但方形屏幕两者都不能。作为一种展示，它们也相当罕见。您的目标可能是智能手表吗？

希望这会对您有所帮助。@ishank Sticky footer有所不同。我不想这样，我想稍微高于底部。内容不是页脚。我相信位置：relative，然后是负底应该起作用，但我不知道为什么不起作用：（页面又有部分，所以我希望它在一个特定的部分中位于此之上，请添加一些代码片段。