我正在尝试创建一个虚拟画廊,根据正在展示的艺术品和它的大小动态生成一个图像(或一组图像)。在浏览器中缩放图像大小时,我很难保持图像位置的绝对值。也就是说,当浏览器显示高度更改时,图像将不均匀地缩放。请参阅下面的CodePen以了解我的意思。
有没有人有关于如何解决这个问题的建议?我注意到Fine Art Multiple (点击链接,然后点击View in Room按钮)似乎可以使用自定义函数或第三方程序自动生成他们的图像。谁知道如果我想要的东西在CSS中是不可能实现的,我怎么能做到这一点呢?
美术馆虚拟画廊:
我正在尝试在不使用position: absolute等“黑客”解决方案的情况下,让<div>中的文本接触到其边框的顶部。
我尝试将0px添加到它的填充和边距,但我似乎不能理解它。有没有我没有想过的简单的解决方案?
<div style="border: 1px solid red; height: 50px; width: 100%;">
<span>This text should touch the top of the red line</span>
</div>
我以为将0px添加到空白处和填充会