响应式字体不起作用

我想制作响应式字体我使用fittext.js库，但我在指定默认字体大小时遇到问题。响应式字体不起作用

该插件允许我输入字体大小的最小和最大宽度，标题将最小大小作为默认大小的问题并且不会更改！

这里是我的代码

<div class="notes"> 
     <h1>Large Title</h1> 
     <p>Text about image 1 in slider it may have many many many text</p> 
</div>

这里的CSS

.notes{ 
position: absolute; 
top:30.9%; 
left:5.06%; 
width:27.9%; 
min-height:234px; 
height:auto; 
color:#ffffff; 
font-size: 12px; 
background-color: #eb7b7a; 
} 
div.notes h1{ 

padding-left: 45px; 
width:100%; 
float: right; 
font-weight: bold; 
text-align: center; 
font-size: 6em ; 
position: relative; 
margin-top:54px; 


}

，我把剧本标签标记之后

$(".notes h1").fitText(1, { minFontSize: '60px', maxFontSize: '105px' });

的默认大小为60，仍然60调整大小时窗口！

我该怎么办？

来源

2012-03-12 palAlaa

如果您将标头设置得更大，会发生什么情况？看起来字体大小应该增加以占用可用空间。

如果你表现出你的工作代码，你可能会得到更多的答案......

来源

2012-03-12 08:45:52 danwellman

我加我的代码，请再次检查问题。 – palAlaa 2012-03-12 08:51:06

CSS技巧

确保您的标题是显示：块;或显示：inline-block;具有指定的宽度，即宽度：100％。

在CSS中看不到display：block或display：inline-block。确保遵循他们的自述文件！

https://github.com/davatron5000/FitText.js

来源

2012-03-12 10:56:41

h1和div默认为块元素！ – palAlaa 2012-03-12 21:50:48

那么为什么本教程会告诉你添加这个呢？当然，在他们编写这个脚本时，他们会意识到h1和div是块元素？ – 2012-03-13 08:54:39

无论如何，我添加它们，但没有任何改变！ – palAlaa 2012-03-13 09:50:58

响应式字体不起作用

回答

相关问题