每当我将浏览器水平放大时,我会得到一个固定的标题,其行为应该符合预期,但是正文内容可以横向滚动。为什么是这样?例如,下面是浏览器窗口缩放到其最小宽度时发生的情况的图像。
我的身体有以下
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;
}
答案 0 :(得分:0)
这取决于标题的样式和标题内的元素。我不知道你现在拥有什么,但你可以尝试将这些样式添加到标题和正文中:
position: relative;
margin: 0;
width: 100%;