gpt4 book ai didi

javascript - 在css/js中为字体设置不同的宽度和高度

转载 作者:太空宇宙 更新时间:2023-11-04 12:31:53 25 4
gpt4 key购买 nike

我正在寻找一种方法来根据视口(viewport)宽度和高度分别设置不同的宽度和高度。在css或者js中可以吗?

最佳答案

对于 JS 解决方案,您可以使用 FlowType.js图书馆。

它可以让您根据包含的 div 的大小快速轻松地控制页面上的文本元素。

您的示例可以这样设置:

$(document).ready(function(){

// customize the options you pass into the
// flowtype function in order to get the effects you want
$('.text_block').flowtype({
minimum : 500,
maximum : 1200,
minFont : 12,
maxFont : 40,
fontRatio : 30
});

});

此示例使用 jQuery 确保所有通过 flowtype 的分配仅在页面加载后分配。

要激活 flowtype,您只需要在关闭之前将此调用放在某个地方 <body>标签:

<script> $('.text_block').flowtype(); </script>

参见 flowtype.js website有关如何安装 flowtype 以及如何配置它的更多信息。

Here is a jsfiddle显示带有流类型库分配的示例。

希望这对您有所帮助!

关于javascript - 在css/js中为字体设置不同的宽度和高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27582275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com