CSS 三角效果在不同缩放比例下的解决方案？-灵析社区
MastFancy设计图  浏览器125%下看到的效果  .box{ width: 300px; height: 28px; &::before{ content:""; width: 0; height: 0; border-bottom: 28px solid red; border-right: 20px solid transparent; position: absolute; top: 0px; right: -20px; z-index: 1; cursor: pointer; } } 这个三角效果在100%的电脑没问题，但是如果用户使用的125%，肉眼可见的偏移了，有解决办法吗？
小青梅可以考虑把::before里的px全都换成百分百或者rem这类的表达方式。
你的代码太复杂，可以参考："https://segmentfault.com/a/1190000014730523" (https://segmentfault.com/a/1190000014730523)
根据你最新的效果图：我给出以下解决方案：
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/9df0fa81dca778fe9e0fbf72543f934d.png)
给三角画一个菱形，覆盖到左侧矩形上