是否有这样的事情分钟
我正在尝试在一个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设置，具体取决于屏幕或窗口宽度等内容。 在这种设置中，例如，如果窗口非常窄，可以将字体大小设置为特定的小值。
它适用于CSS。
我经历了相同的问题，并按照以下方式进行修复。
在特定宽度及以上使用固定的“px”尺寸以获得最大尺寸。 然后，对于不同的较小宽度，使用相对“vw”作为屏幕的百分比。
下面的结果是，它调整自己在960px以下的屏幕，但保持以上固定大小。 提醒一下，不要忘记在头文件中添加html文档：
<meta name="viewport" content="width=device-width">
CSS中的示例：
@media all and (min-width: 960px) {
h1{
font-size: 50px;
}
}
@media all and (max-width: 959px) and (min-width: 600px) {
h1{
font-size: 5vw;
}
}
@media all and (max-width: 599px) and (min-width: 50px) {
h1{
font-size: 6vw;
}
}
我希望它会有帮助！
您可以通过使用公式并包括视口宽度来完成此操作。
font-size: calc(7px + .5vw);
这将最小字体大小设置为7px，并根据视口宽度将其放大.5vw。
祝你好运！
链接地址: http://www.djcxy.com/p/2505.html