缩小浏览器就不见了怎么办？我来告诉你答案如何使用css在放大和缩小浏览器的同时不修改背景图片

这是百度网站的情况，这应该是实战吧。事实上，关于在工作中做什么工作，我们不要认为自己有多深奥。其实组装平时做的小东西就成了一个完整的项目。(莎士比亚)。

今天打开百度首页的背景图片不知道怎么的就不见了。所以没法截图了。但是我们可以注意下，很多网站首页都有一张很大的图片，然后在图片上面就有一些登录框，搜索框等等的东西。要我们写出来很简单，不就是一个背景图片吗？

其实不然，要考虑各种兼容下，屏幕分辨呀，等等很多问题。最容易忽略的问题就是，有些人手痒，喜欢滚动按住crtl+鼠标的那个轮子。这样就可以把页面放大和缩小，如果处理不当，就会得到意外的效果。【ctrl+鼠标的滚轮可以放大页面和缩小页面】

整体页面就是这样的，样式随便写的，

无论怎么放大和缩写屏幕。背景图片都会铺满整个屏幕了。

主要的就是一个定位了。

position:absolute;

background-size: cover;

每天积累这样的小知识，就可以搭建成一个大项目。

文章来源微信公众号：web前端开发大全