**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。
三种方法：按比例缩小、图片裁切、预览图片裁切不管使用哪一个都是建立在图片已经上传的基础上；
#头条创作挑战赛#
背景位置（background-position）属性控制元素的背景图像或颜色位置。它是控制元素视觉外观和用户体验的强大工具。背景位置的属性background-position属性有以下属性：
前言如果网页只有一种颜色，那是非常可怕的，颜色的设置丰富了网页，就如同多彩缤纷的世界。