1

所以我正在编写一个全宽标题 tumblr 主题，虽然就全宽而言一切都很好，但只要我调整到较小的屏幕，比如在移动设备或平板电脑上，标题就会被切断并且不再是全宽. 例子是这里

我真的尝试了一切，包括重置 css，我什至浏览了这个网站上处理相同问题的每个问题。我尝试了这些解决方案，但都没有奏效，所以我真的不知道还能做什么，或者也许实际上我无能为力，因为到目前为止没有任何效果。这是完整的代码，以防问题不仅仅是标题。

.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>`

太感谢了

4

1 回答 1

0

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

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

背景图像（您的网址）；

背景大小的封面；

于 2017-09-05T19:39:04.157 回答