效果
随设备大小改变宽度
代码
body {
/* 设置min-width和max-width: 让盒子有限度地拉伸
设置width百分百:以百分比方式,让盒子在宽度范围内自适应设备宽度 */
width: 100%;
min-width: 320px;
max-width: 640px;
}
/* 固定搜索栏那一行的整个盒子 */
.search-wrap {
position: fixed;
height: 44px;
width: 100%; /* relative属于文档流,文档流中元素不设置宽度时会继承父亲宽度。
fixed和absolute都脱离了文档流,脱离文档流的元素不设置宽度时,元素宽度由内容撑开,而不继承父亲宽度 */
min-width: 320px;
max-width: 640px;
}