0

在我的手机上,我的英雄单元中的文字不太合适。我希望它包裹或收缩或其他东西。有关实施细节的任何建议?谢谢。

4

1 回答 1

1

如果你想缩小它,一种选择是重新定义 H1 大小,并可能重新定义小屏幕的 hero 填充。默认情况下,两者都是 60px,所以你可以使用类似的媒体查询

@media (max-width: 767px){

.hero-unit h1 {
font-size: 40px;
}

.hero{
padding:40px;
}

} 

您可能需要使用填充、字体大小和视口最大宽度来获得所需的结果,但这应该可以帮助您入门。

祝你好运

于 2013-05-19T23:58:10.733 回答