来自移动设备和台式机的div屏幕截图大小不同

时间:2019-11-14 09:26:06

标签: html html2canvas

我正在使用html2canvas.js库拍摄我的海报的屏幕截图(下面的屏幕截图中红色标记)。

red marked poster

完成后,该海报将通过电子邮件发送给用户,但是我面临的问题是台式机和移动版的两种大小。我需要在移动设备和台式机上使用相同的海报,因此我决定在背景中使用固定的宽度和高度海报,并隐藏可见性。因此,无论用户使用哪种设备创建海报,在发送电子邮件时,尺寸始终相同。但是现在由于背景海报的大小已固定,因此在移动设备上它会水平显示滚动条。要删除滚动条,我使用了隐藏overflow-x:hidden的选项,但随后海报无法正确显示。

Screenshot came on email from desktop

Screenshot came on email from mobile

有人可以在这里帮助我吗?最后,我只需要海报大小相同,无论是从桌面还是移动设备创建海报。

0 个答案:

没有答案