为移动视图更正自定义桌面 CSS
Correcting custom desktop CSS for mobile view
我已使用此自定义 CSS 将我网站上横幅文本第二行中单个单词的最后三个字母设置为粗体。但是,最后三个字母的移动视图将其显示为下标。我希望移动视图中的所有第二行与最后三个字母的大小相同。该网站是乍得-ruffin.squarespace.com。自定义 CSS:
.desc-wrapper p:nth-of-type(2)
{ display:inline-flex;
font-family: brandon-grotesque;
font-weight: 400;
font-style: normal;
font-size: 68px;
text-transform: uppercase;
line-height: 1em; }
这不是下标。只是 font-size: 68px
比移动设备上的其他部分大。在移动设备上将它缩小到 36 像素,它应该适合。您可能还需要更改行高。
我已使用此自定义 CSS 将我网站上横幅文本第二行中单个单词的最后三个字母设置为粗体。但是,最后三个字母的移动视图将其显示为下标。我希望移动视图中的所有第二行与最后三个字母的大小相同。该网站是乍得-ruffin.squarespace.com。自定义 CSS:
.desc-wrapper p:nth-of-type(2)
{ display:inline-flex;
font-family: brandon-grotesque;
font-weight: 400;
font-style: normal;
font-size: 68px;
text-transform: uppercase;
line-height: 1em; }
这不是下标。只是 font-size: 68px
比移动设备上的其他部分大。在移动设备上将它缩小到 36 像素,它应该适合。您可能还需要更改行高。