如何解决如何在设备之间保持文本大小一致,以便内容上方的图形始终对齐
我正在开发一种工具,该工具可以让学生在教育内容的上方进行注释。我们有一组课程,每个课程都有自己的HTML页面,其中包含内容,并且我们的Web应用程序在iFrame内显示该课程内容,并在iFrame顶部显示Canvas。学生可以在画布上绘画,以在课程内容上方进行注释。到目前为止,这种方法行之有效,只是当我们在不同设备上重新绘制相同的批注时,有时这些批注与下面的内容不对齐(想象您写了一个答案,然后切换了设备,而该答案却未对齐正确的问题)。我可以通过注释,保存然后更改Windows文本缩放比例,然后再次打开课程来重现此问题-注释图形似乎已移动。实际上,画布上的注释图纸位于完全相同的位置,但是其下方的内容已更改大小。
关于如何防止这种情况发生的任何想法?我试过将CSS与'text-size-adjust:none'和'text-size-adjust:100%'一起使用,但这似乎不起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。