Tumblr主题在不同的屏幕分辨率上看起来不同

Question

所以我在那里为我的新角色扮演小组创建了一个Tumblr主题。它对我来说很棒！但很多人一直在说它在随机空间中看起来非常杂乱无章。我显然很困惑，所以我要求一些截图。我们发现问题是不同的屏幕分辨率。有没有办法解决这个问题，让我的主题在使用HTML（或CSS或JS）的每个分辨率上看起来都一样？

这就是我看到的内容。

这是其他人看到的

Answer 1

在没有看到代码的情况下，我能想到的第一件事就是在高度和宽度上使用的格式。

您使用的是像素还是％？好吧如果是这样添加： （这是必须的）

<style>
html,body{min-width: 100vw; max-width: 100vw; min-height: 100vh; max-height: 100vh;} 

完成此操作后，将所有宽度和高度以及字体大小更改为1-100vw和1-100vh（1 =视口的1％） 此外，如果你还没有完成，你应该给所有div /按钮等绝对位置。

将其添加到每个div等CSS：

top: 0px;
left: 0px;
position: absolute;
Transform: translate(1-100vw,1-100vh);

这将使左上角的cornor成为div的锚点。使用Transform：translate，您可以根据需要移动它。如果你这样做，你将确保我在任何显示器上看起来都是一样的： - ）