CSS——此css非彼css

在当前项目中,面临将Ruby应用迁移至Vue进行前后端分离的任务,开发者发现即使style和computed的值看似相同,页面展示仍存在细微差异。问题出在字体、伪元素样式如before和after等,这些因素影响了最终的样式呈现。尽管原项目与新项目的computed值一致,但由于vuetify的使用,导致了一些不可预见的样式差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

请允许我使用这个标题,这个标题最能表达我最近的心情,最近在搞一个项目,属于融合,怎么一个融合法呢,因为现在那个项目用户还在用这,项目是用ruby写的,老大的意思是想用vue前后端分离,现在就是写一个页面上一个页面这种,我这边要完成样式跟原项目像素级还原

刚开始只是简单看一下style
在这里插入图片描述
后来发现虽说style上写的一致,但是还有存在一丝丝差别,再看computed
在这里插入图片描述
有时候各种值都一样了,但是展示的还是稍有差别,比如字体,在computed中只单单看font-familly是不行的,还需要滑到底,看其font-familly究竟是用的什么
在这里插入图片描述
嗯,果然有得style上写的是那个样式,但是computed确是这种样式,等等,还是有些差别,原项目和现在开发这个项目中页面得computed值都是一样得,为啥还是有差别。。。
现在开发的项目使用的是vuetify,vuetify你仔细看,你会发现会有before和after这些伪元素样式,这些也会影响其样式
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值