HTML加CSS图片像素太大，导致图片溢出窗体大小，怎么设置图片随窗体变化

可以给背景图片加个尺寸限定：background-size: 100% 100%/* 背景图片同窗口完全自适应，但长宽可能会变形 */background-size: contain/* 背景图片同窗口完全自适应，并且不变形 */

看你的意思是搜索框和搜索按钮是平行的，缩小后按钮被挤下来了！

你可以这样，将按钮(应该是按钮的<div>)position改为relative，right属性设置下(10px等)。不过最好也把搜索框也这样设置。主要是不知道你使用的是百分比还是像素，不好说。先试试吧

1、可以使用一段js来解决window.onload=function(){//获取图片元素varimgs=document.getElementsByTagName("img")。

2、获取div元素varcontentLeft=document.getElementById("col-md-7")。//使用js设置图片元素宽度的变化。

---