是否有min-font-size和max-font-size这样的东西?

托比·范·肯本(Toby van Kempen):

我试图响应浏览器窗口在div中制作一种字体。到目前为止,它已经完美地工作,但父div有一个max-width525px进一步调整浏览器的大小不会使字体停止调整大小。这使我想知道是否存在诸如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;
}

我已经在互联网上搜索了很长一段时间,但无济于事。

Jukka K.Korpela:

不,没有最小或最大字体大小的CSS属性。浏览器通常具有最小字体大小的设置,但这是在用户而不是作者的控制之下。

您可以使用@media查询来进行一些CSS设置,具体取决于屏幕或窗口的宽度。在此类设置中,例如,如果窗口非常窄,则可以将字体大小设置为特定的小值。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

@size(max = value)和@min(value)@max(value)之间的差异

How to change font-size of datetimepicker xdsoft calendar

'font-size:13.333333969116211px'从哪里来?

为什么CSS中的font-size不等于width和height?

如何在div中设置font-family和font-size?

如何使用Excel VBA查找/提取具有属性size =“ + 1”的HTML“ font”元素

d3:selection.style('font-size')是否总是以px为单位返回值?

使图像尊重font-size属性?

SVG:“ <g>”元素中是否允许使用“ font-size”属性?

font-size:14px不起作用

将px更改为rem后,font-size没有响应

将font-size设置为1em是否有意义?

seaborn rc中的font_scale vs font.size

如何使表格行中的'font-size:〜small'中心文本

font-weight和font-size不能一起使用

在python-docx中使用font.name或font.size时,无法使用RTL方向

如果`line-height` =`font-size`,字形是否总是完全可见?

用php替换每个font size =“”到font-size:; 如何?

在没有文本的div上使用font-size将高度/其他属性的值传播到子元素

什么是“ font-size-adjust”?

getPropertyValue('font-size')为Firefox和Chrome返回不同的值

使用确切的百分比和font-size:0来使网格完全适合?

需要在Excel 2010中使用vba删除所有<font>,</ font>和<Font Color =“ 000000”> html标签

尽管使用了 font-size == line-height,为什么有些字符会溢出一行?

属性 'font-size' 也改变了 'background-img' 的大小

修改 XML 文本模板 textfield font_size?

适用于 R 的 Huxtable 包:如何为 huxtables 设置用于标题()和脚注()的 font_size()?

如何自定义 Hint Font.Size?

font-size 在具有相同 rem 的元素上的計算方式不同