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

-1

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

这是什么我见。

这是其他一些人看到

来源

2017-07-25 Ally B

这个问题是广泛的一种有用的答案。你的页面似乎有相对宽度，这将导致不同屏幕上的不同外观（你是否尝试过移动版？）。看一看响应式设计，如果您遇到特定问题，请向我们展示一些代码，然后我们来帮助 –

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

您正在使用像素或％权利？那么，如果因此在补充一点：（必须为这个工作）

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

当做到这一点，改变所有宽度和高度，字体大小，以1-100vw和1-100vh（1 = 1％的视口）另外，如果你还没有完成，你应该给所有div /按钮等绝对位置。

添加的部份，以每格等CSS：

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

这将使左上角cornor成为的div锚。随着变换：翻译，你可以随意移动它。如果你这样做，你可以肯定，我会永远在任何显示器上看起来都一样:-)

来源

2017-07-25 06:14:01 D3nj1

非常感谢！：D我会明天把所有的东西放进去，我会让你知道它是怎么回事！：D –

非常欢迎:-) – D3nj1

所以你说要切换顶部，左侧和字体大小，我怎么样，将字体从px转换为vw或vh？大致说来。 –

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

回答

相关问题