我知道如何使用CSS更改字体大小，我知道如何在画布中缩放文本，但是是否可以使用CSS / JS在画布外缩放文本？
我现在的问题是我希望页面上的动态对象与页面一起调整大小，但是当这些对象上有文本时，它无法正确调整大小，因为字体只有全像素数量的大小而不是分数当用户调整大小时，我会“抖动”或“跳跃”。在字体上使用百分比数量不会改变这样的事实，即没有“16.5”大小的字体，30个字符的文本将每个增量至少跳过30个像素。
这也会导致自动换行的问题在调整大小之间产生不一致的结果，每行一个单词可能决定根据大小：字体关系和整个段落的这个雪球随机跳转到下一行。
基本上我希望在每个x，y窗口大小上获得相同的视觉效果，而不必将所有文本存储为图像，并且不为我使用的每个文本创建画布，这听起来有些荒谬。这可能吗？
答案 0 :(得分：0)
I believe your best bet for controlling typography to this degree is going to be with the <?php
unset($args);
$exclude = the_field( "exclude_tipster_id" );
$args = array('exclude' => $exclude, 'post_type' => 'oneoff', 'posts_per_page' => 1, 'order' => 'rand');
$lastposts = get_posts($args);
?>
<?php foreach ($lastposts as $post) : setup_postdata($post); ?>
, vh, and vw & vmin CSS properties: These allow you to scale text based on the viewport height, width, and the smaller & larger of the two, respectively.
I personally find these work well at medium-to-larger size resolutions, but begin to breakdown at narrower viewport sizes, where it may be wiser to forgo this level of control. See Viewport Sized Typography on CSS-Tricks for usage and more information.