fix(pay): 抵消 bootstrap 全局 img max-width 对支付图标的钳制
AKSRT 的 bootstrap.min.css 将 BS3 .img-responsive 选择器组误并入了裸
img(img{display:block;max-width:100%;height:auto};Zibll 的裸 img 不
在该组),导致 flex 压缩场景下 max-width:100% 把支付方式图标钳制到被
压窄的项宽——上一轮的 flex:none 防不住 max-width,5 渠道时图标仍可
被压成细条。
- .payment-method-radio img 显式还原 width:auto + max-width:none
(连同上一轮 flex:none,图标在任何压缩场景恒为固有比例宽)
- 契约测试改为提取规则块逐属性断言(原正则被规则内注释的右花括号
截断)
- 无头 Chrome 真实加载组合(bootstrap+main)实测:5 渠道 400px 弹窗
图标 35x35、项宽 112-183px,无任何挤压
This commit is contained in:
@@ -5695,6 +5695,13 @@ body:has(.modal.in) .float-btn,
|
||||
|
||||
.payment-method-radio img {
|
||||
height: 35px;
|
||||
/* 抵消 bootstrap 全局 img{display:block;max-width:100%;height:auto}
|
||||
(AKSRT bootstrap 将 BS3 .img-responsive 选择器组误并入了裸 img,
|
||||
Zibll 的裸 img 不在该组):flex 压缩时 max-width:100% 会把图标
|
||||
钳制到被压窄的项宽(实测 5 渠道 400px 弹窗图标被压成 16x35 细
|
||||
条),flex:none 防不住 max-width,必须显式还原。 */
|
||||
width: auto;
|
||||
max-width: none;
|
||||
/* 多渠道窄容器时禁止 flex 压缩图标导致变形(参考主题同场景存在
|
||||
此缺陷,实测 6 渠道 360px 容器图标被压至 31px;flex:none 后图标
|
||||
恒为 35px,行溢出由方法行 hh 换行承接,正常场景视觉不变)。 */
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user