我创建了一个在页面开头显示标题的表单。如果标题的长度较大,则显示两行并且看起来很糟糕,所以请告诉我有没有办法根据页面大小减小字体大小到标题的长度。
答案 0 :(得分:2)
第一种方法:您可以使用media-queries
:
@media screen and (max-device-width : 320px)
{
body or yourdiv element
{
font:<size>px/em/cm;
}
}
@media screen and (max-device-width : 1204px)
{
body or yourdiv element
{
font:<size>px/em/cm;
}
}
第二种方法:你可以根据屏幕的大小手动给它。只需看一下不同的屏幕尺寸,手动添加字体大小。
然后,您可以使用em
或%
。此外,CSS3具有一些新值,用于调整与当前视口大小相关的内容:vw
,vh
和vmin
。请参阅link。
答案 1 :(得分:-1)
我认为你可以在font-size中使用“em”(font-size:1.1em)或百分比(font-size:20%)。但我认为你应该分享你的截图,以便更清楚地了解问题