背景图片位置设置为百分比
Posted simple不简单
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了背景图片位置设置为百分比相关的知识，希望对你有一定的参考价值。
background-position:50% 50%;水平和垂直方向都居中。
background-position:value1 value2
value1和value2的值可以值绝对值也可以是百分数，大部分值都很好理解，但是50% 50%这两个值是如何计算的呢？
图片水平和垂直居中。与 background-position:center center;效果等同。
等同于x：{容器(container)的宽度—背景图片的宽度}*x百分比，超出的部分隐藏。
等同于y：{容器(container)的高度—背景图片的高度}*y百分比，超出的部分隐藏。
以上是关于背景图片位置设置为百分比的主要内容，如果未能解决你的问题，请参考以下文章
在css里如何让背景图片在不同的屏幕上都完全显示出来，怎么设置百分比
summernote 设置 图片百分比 格式 而不是像素大小格式