我试图响应浏览器窗口在div中制作一种字体。到目前为止,它已经完美地工作,但父div有一个max-width
的525px
。进一步调整浏览器的大小不会使字体停止调整大小。这使我想知道是否存在诸如min-font-size
或的东西max-font-size
,以及是否不存在这种东西,以及是否有办法实现类似的目的。
我以为使用百分比font-size
可以工作,但是文本的位数不会相应地缩放到父div。这是我所拥有的:
父div的CSS:
.textField{
background-color:rgba(88, 88, 88, 0.33);
width:40%;
height:450px;
min-width:200px;
max-width:525px;
z-index:2;
}
有问题的文本的CSS:
.subText{
position:relative;
top:-55px;
left:15px;
font-family:"news_gothic";
font-size:1.3vw;
font-size-adjust:auto;
width:90%;
color:white;
z-index:1;
}
我已经在互联网上搜索了很长一段时间,但无济于事。
不,没有最小或最大字体大小的CSS属性。浏览器通常具有最小字体大小的设置,但这是在用户而不是作者的控制之下。
您可以使用@media
查询来进行一些CSS设置,具体取决于屏幕或窗口的宽度。在此类设置中,例如,如果窗口非常窄,则可以将字体大小设置为特定的小值。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句