当前位置: 首页 > 知识库问答 >
问题:

回应式文本技术[副本]

高锦
2023-03-14

对于创造性的响应文本最好的方法是什么?除了使用媒体查询之外,我发现使用媒体查询占用了太多的时间,我猜会有一个替代方法,它会自动调整它自己的大小。

h1 {
font-size: 22px;
}
<h1>Test</h1>

共有1个答案

晁绍辉
2023-03-14

您可以使用vwvh单位-根据视区的宽度或高度大小调整文本的大小

分别是视区宽度的1/100和视区高度的1/100。

h1 {
font-size: 22vw;
}
<h1>Test</h1>
 类似资料:
  • Web是用来通过互联网分享信息的,从早期的电脑,发展到现在形形色色的移动智能终端,都需要能浏览这些信息。这给网页设计和技术实现在适配各种屏幕尺寸(分辨率)上提出了很大的挑战。 移动设备通常要比电脑的屏幕小很多,一套以电脑分辨率和视觉效果为蓝本的设计,显然不能满足要求。那么我们该怎么处理移动端的展示呢?通常我们有3种选择: 让用户自己调整页面大小和位置来阅读网页的不同部分乃至屏幕外的部分。 创建一个

  • 在使用javascript异步错误捕获机制时,我最后问自己,使用Promission而不是回调有什么区别,而且Promission的语法可能更简单。 例如,让我们考虑一下 而且 两者都充当闭包,都允许返回参数,等等。 那么区别在哪里呢?

  • 我想加密数据库表中特定列中的数据。但是,在使用AES/GCM密钥的标准加密中,加密后的密码文本比原始文本的长度要长得多。 非常感谢任何帮助。谢谢

  • 原文 Having opened this cookbook, you are probably eager to inject some of the ungainly strings of parentheses and question marks you find in its chapters right into your code. If you are ready to plug

  • 大量开发类技术文档分享,包括 Linux、数据库、网络编程、Kubernetes、Ansible、云原生应用等等高质量技术文档。

  • 技术文档 Web SDK 开发指南 Android SDK 开发指南 iOS SDK 开发指南 Open API文档