html - 适合 1 行的订阅栏以减小屏幕尺寸

Question

我正在尝试调整 css，使网站顶部的栏位于一条线上。现在，当屏幕很小时，该字段显示在 2 行上。 (在移动设备上以及调整浏览器窗口大小时)。 菜单也一样。

如果有人能帮我解决这个问题，我将不胜感激。

http://healthyeatingandliving.ca/

Answer 1

尝试:

#nsu-head p.form_label{
text-transform: uppercase;
 padding-right: 60px;
 margin-top: -9px;
 margin-left: 0;/* this will affect */
}

在相关媒体查询中

您可以像这样为 22in 编写媒体查询:

@media screen and (min-width:21in) and (max-width:23in){/* or other size */
    text-transform: uppercase;
    padding-right: 60px;
    margin-top: -9px;
    margin-left: 0;/*your value*/
}