浏览器水平缩短时不需要的身体边距

时间:2017-12-20 16:45:28

标签: html css

每当我将浏览器水平放大时,我会得到一个固定的标题,其行为应该符合预期,但是正文内容可以横向滚动。为什么是这样?例如,下面是浏览器窗口缩放到其最小宽度时发生的情况的图像。

enter image description here

我的身体有以下

html,
body {
    width: 100%;
    height: 100%;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    background: #FFFFFF;
    color: #000000;
    line-height: 170%;
    padding: 0;
    margin: 0;
    position: relative;
}

#header {
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 14px;
    width: 100%;
    height: 38px;
    max-height: 46px;
    position: fixed;
    top: 0;
    padding: 0;
    z-index: 2;
}

1 个答案:

答案 0 :(得分:0)

这取决于标题的样式和标题内的元素。我不知道你现在拥有什么,但你可以尝试将这些样式添加到标题和正文中:

position: relative;
margin: 0;
width: 100%;