div的宽度为100%；这样屏幕缩放的时候div也会跟着缩放
当然你要设置所有的区域以及图片的宽度都为百分比，比如有一个宽度为800px，而你屏幕缩放的时候到700px的时候，就会隐藏掉超出的那部分，在浏览器下面会出现一个横条拖动；
不论图片还是区域都要如此设置，如果只是某一个区域或者设置某张图片的话，只要设置这一个区域就可以了；
有疑问，追问我；
设置最小宽度min-width:*px与最大宽度max-width:*px
看到你说的还想让此自适应屏幕大小，又不能用百分比来控制是吗？其实最好的方式就是百分比来控制；
第二种方式就是@media screen来判断一下屏幕的大小如：
@media screen and (min-width:360px){#tankuang{width:*像素}}
当浏览器的宽度大于360px的时候执行弹框宽度是多少；
@media screen and (max-width:1440px){#tankuang{width:*像素}}
当浏览器宽度小于1440px时执行弹框是多少，
希望我的回答对你有所帮助；如果还有疑问继续追问我；
别人显示有留白不是css的问题，而是对方显示器的分辨率调的比你的高而已，比如你的显示器分辨率是1024*768，对方的是1600*900；那么肯定会显示的不一样一般网站页面的主体框架宽度都是固定的，通常是1000px，像百度知道这个页面的主体宽度就是980px，主体框架宽度固定是为了让绝大部分用户都能正常的浏览页面，毕竟现在已经很少有人再用800*600的分辨率了吧
所以，你问的这个问题解决方式就是设定一下总宽度并使框架居中即可，页面左右留白是不可避免的，如果你想根据分辨率来伸缩主体框架，那么里面的内容也势必要伸缩，这样很容易造成页面内容布局出错，主体内容美观上就不好了，页面左右留白的这个小问题相对来说就不是什么大问题了，当然，你也可以在整个页面的背景上下下文章，设定一下背景色或者背景图片来改善底部效果也是很好的
