如何根据视口大小调整元素的大小,并同时“限制”最大和最小大小?
问题描述:
我有一些文字在p标签,并在我的css我有: p { min-width:100px; max-width:400px font-size:24vw; }如何根据视口大小调整元素的大小,并同时“限制”最大和最小大小?
我希望文本的大小根据视口宽度而改变,但要限制为最小和最大宽度。
答
要设置动态基于字体大小视口宽度,并且对最大和最小元素宽度具有约束,使用最大/最小宽度属性设置宽度限制,并使用'vw'(视口宽度)属性获取相对于视口的字体大小单位宽度。
使用在原来的问题陈述代码:
p {
min-width: 100px;
max-width: 400px
font-size: 24vw;
}
原来的代码我张贴的工作很好,我刚刚与当时的代码一点经验。