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

Javascript Tumblr主题在不同的屏幕分辨率上看起来不同,javascript,html,css,tumblr,screen-resolution,Javascript,Html,Css,Tumblr,Screen Resolution,所以我在那里为我的新角色扮演小组创建了一个Tumblr主题。它看起来很适合我!但是很多人都说它看起来很杂乱,在随机空间中有浮动的盒子。我显然很困惑,所以我要了一些截图。我们发现问题在于不同的屏幕分辨率。有没有办法解决这个问题,让我的主题在使用HTML(或CSS或JS)的每个分辨率上看起来都一样 这就是我看到的 这是其他人看到的 在看不到代码的情况下,我能想到的第一件事是用于高度和宽度的格式 您正在使用像素或%对吗?好吧,如果是这样的话,加上: (这是工作所必需的) 这将使左上角成为div的锚。

所以我在那里为我的新角色扮演小组创建了一个Tumblr主题。它看起来很适合我!但是很多人都说它看起来很杂乱,在随机空间中有浮动的盒子。我显然很困惑,所以我要了一些截图。我们发现问题在于不同的屏幕分辨率。有没有办法解决这个问题,让我的主题在使用HTML(或CSS或JS)的每个分辨率上看起来都一样

这就是我看到的

这是其他人看到的


在看不到代码的情况下,我能想到的第一件事是用于高度和宽度的格式

您正在使用像素或%对吗?好吧,如果是这样的话,加上: (这是工作所必需的)


这将使左上角成为div的锚。使用Transform:translate,您可以随意移动它。如果你这样做的话,你会确信我在任何显示器上看起来都是一样的:-)

这个问题是一个有用的答案。您的页面似乎有相对宽度,这将导致在不同的屏幕上出现不同的外观(您尝试过移动吗?)。请看一看响应式设计,如果您在某个特定问题上遇到问题,请向我们展示一些代码,我们将在此提供帮助。非常感谢您!!!:D我明天会把这些都放进去,我会告诉你进展如何的!!:DSo你说要切换字体大小,左上角,我想把fontsize从px转换成vw或vh怎么样?粗略地说,这是我的一些CSS的一个例子:
.Div_log{height:4vh;width:15vw;top:0px;left:0px;position:absolute;font size:1vw;transform:translate(15vw,7.8vh);}
我刚刚又读了一遍答案,是的,很抱歉,没有一个例子就有点难以理解。记住选择这个作为答案,这样其他人可以找到它并使用它^^
<style>
html,body{min-width: 100vw; max-width: 100vw; min-height: 100vh; max-height: 100vh;} 
top: 0px;
left: 0px;
position: absolute;
Transform: translate(1-100vw,1-100vh);