全宽标头错误

Question

所以我正在编写一个全宽标题tumblr主题，虽然一切都很好，只要我调整到较小的屏幕，就像在移动设备或平板电脑上，标题切断，它不再是全宽。示例是

我真的尝试了一切，包括重置css，我甚至经历了本网站上处理相同问题的每个问题。我尝试过这些解决方案而且都没有工作，所以我真的不知道还能做什么，或者可能我可以做任何事情，因为到目前为止没有任何工作。如果问题不仅仅是标题，这里是完整的code。

.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #eee;
background-image: url('{image:header}');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}

.topbar {
width: 100%;
height: 80px;
z-index: 220;
background-color: {color:posts};
border-bottom: 1px solid {color:post borders};
border-top: 1px solid {color:post borders};
{block:PermalinkPage}
position: fixed;
top: 0;
{/block:PermalinkPage}
}

`<header class="header"></header>`

非常感谢

Answer 1

每个设备的屏幕尺寸都会相应变化。这就是为什么大多数开发人员使用 Bootstrap 来避免此类问题。

但是对于你的答案，请在CSS中尝试：

  

background-image（你的网址）;

     

背景大小的封面;