仅在横向模式下显示仅适用于桌面和iPad的标签

Question

使用Foundation框架，我正在尝试制作4个标签，这些标签仅在桌面上可见，而在横向模式下仅适用于iPad。所以，代码我在html表单中尝试了以下内容：

<p class="show-for-landscape show-for-medium-up text-left degree-finder-label"> Sort by Degree Level</p>

在CSS中，我试图这样做：

 .degree-finder-label {
    font-size: 15px;
    font-family: DINOTBold;
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 5px;
    position:absolute;
    top: -20px;
}

但是这只适用于某些情况，如果屏幕sieze比iPad屏幕尺寸小，那么只有第一个标签出现，并且它们的完全缺失。我做错了什么，或者我必须添加更多类来解决这个问题。

由于