您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

响应式精灵/百分比

响应式精灵/百分比

div维度不会在演算中发挥作用,只会在背景大小和您将要使用的部分中发挥作用。

假设您的背景宽度为1000像素,高度为500像素。

您将使用的图像的宽度和高度为80px。

x part     1000px / 80px = 12.5   ->> 1250%
y part      500px / 80px = 6.25   ->>  625%

background-size: 1250% 625%;

x-part     173px / 1000px = 0.173   ->> 17.3%
y part     293px / 500px = 0.586    ->> 58.6%

background-position: 17.3% 58.6%;
其他 2022/1/1 18:13:35 有434人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶