CSS/JS:可以精确缩放文本吗？(不仅仅是更改字体大小)
CSS/JS:可以精确缩放文本吗？(不仅仅是更改字体大小)
提问于 2016-06-06 16:06:10
我知道如何使用CSS更改字体大小，也知道如何在画布内缩放文本，但是是否可以使用CSS/JS在画布外缩放文本？
我现在的问题是，我希望页面上的动态对象随页面一起调整大小，但当这些对象上有文本时，它无法正确调整大小，因为字体只有全像素大小，而不是分数，当用户调整大小时，我会得到“抖动”或“跳跃”。在字体上使用百分比数量并不能改变没有"16.5“大小的字体的事实，一个30个字符的文本将在每次增量中跳跃至少30个像素。
这也会导致单词换行在不同大小之间产生不一致的结果，每行一个单词可能会根据size:font关系和整个段落的雪球决定随机跳到下一行或不跳到下一行。
基本上，我希望在每个x，y窗口大小上获得相同的视觉效果，而不必将所有文本存储为图像，也不必为我使用的每个文本创建画布，这听起来有点荒谬。这个是可能的吗？
回答 1
Stack Overflow用户
发布于 2016-06-06 22:18:14
我相信，要将字体控制到这种程度，最好的办法是使用vh、vw和vmin & vmax CSS属性:这些属性允许您根据视区的高度、宽度以及两者中的较小和较大值来缩放文本。
我个人发现，这些在中到大尺寸分辨率下工作得很好，但在较窄的视口尺寸时开始崩溃，在那里放弃这种级别的控制可能更明智。有关用法和更多信息，请参阅Viewport Sized Typography on CSS-Tricks。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37652390
复制相关文章
相似问题
腾讯云开发者
