html - 在浏览器调整大小时调整文本大小

标签 html css

首先,请原谅我完全缺乏知识,我是第一次尝试制作一个网站并且几乎没有接受过培训..

我试图让 div 中的文本在调整浏览器窗口大小时垂直调整大小。到目前为止,我只使用了 HTML 和 CSS(愿意使用其他东西来做到这一点,但可能需要一些关于如何实现它的建议!)。

根据我的阅读,我认为使用百分比设置宽度和高度标签会起作用,但它仅适用于水平调整大小。 div 中的图像会调整大小,但文本链接不会。

我希望 div 的位置固定,这样它就不会随着页面内容的其余部分滚动。不确定这是否会阻止我调整大小

这是我的 div CSS:

#logo {
width:10%;
height:auto;
position:fixed;
top:1%;
left:1%;
text-align:left;
float:left;
font-family:Dekar, arial, serif;
font-size:1.5em;
font-weight:bold;
}

感谢任何帮助。再次为我的知识不足感到抱歉

最佳答案

由于您愿意使用除 HTML 和 CSS 以外的其他东西,我建议您使用 jQuery,它是一个 javascript 库 (jQuery website) 并下载一个名为 FitText (website) 的插件来调整您的文本大小。

关于html - 在浏览器调整大小时调整文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15706535/

相关文章:

javascript - 导航栏在小屏幕上失去对齐

html - Slim 3 不渲染资源

html - 使用卡片作为 Bootstrap 4 的单选按钮

javascript - "Unexpected token o in JSON at position 1"$.parseJSON 问题

php - 替换一些文本后保留 HTML 格式(使用 PHP 和 JS)

html - 当我转到询问页面时,页脚不会粘在底部

css - Shopify 应用集成主题问题

javascript - 在加载另一个 View 之前杀死加载的 View

html - 我如何获得以下虚线跨度线效果?

java、正则表达式和简单的 html 嵌套 : unable to get inside text