数据可视化大屏项目中，我们为了适配大屏，我们需要将px转为rem但是我也会遇到特别的情况，比如只有部分页面需要转换，另外一部分页面不需要转换。
测试环境
vue3 vite js 和 vue2 webpack js
测试版本
"postcss": "...
yekong
6小时前 70℃
0喜欢
object-fit: contain 属性是一种有效的 CSS 方法,可以避免图片在固定尺寸容器中变形。以下是关于 object-fit: contain 的主要特点和使用方法:
保持原始比例:
object-fit: contain 会保持图片的原始宽高比,不会对图片进行...
yekong
1周前 (07-17) 70℃
0喜欢
数据可视化大屏项目开发中，会遇到ui设计图中文字是渐变色加阴影的效果。
ui设计图效果如下
css实现
我们通过蓝湖生成的css生成出来的样式效果，这和我们的预期差别太大了。
这里我们可以使用伪类来实现我们想要的效果
使用伪元素
通过使用伪元素 ::before 或 ::af...
yekong
4周前 (07-02) 104℃
0喜欢
vue项目开发中，需要对div进行放大缩小处理，这里使用的是transform: scale(1.4641)，但是放大后滚动条滚到顶部，仍然有一部分内容看不到。
解决办法
transform-origin 属性允许你改变元素变形的原点。默认情况下，这个原点是元素的中心，但你可以...
yekong
3个月前 (05-11) 111℃
0喜欢
在网页设计中，动画是增强用户体验的有效手段之一。它们可以引导用户的注意力，提供视觉反馈，甚至让页面看起来更加生动有趣。CSS动画是实现这些效果的常用技术。然而，在某些情况下，我们可能希望用户能够控制动画的播放，例如，当用户鼠标悬停在动画元素上时，动画暂停，以便用户可以更好地观察动...
yekong
4个月前 (04-09) 141℃
0喜欢
Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。也可以轻松跟Sass，LESS及Stylus集成，在CSS编译前或编译后运行。
css 代码:
a {
-webkit-border-radi...
yekong
4个月前 (04-05) 1314℃
0喜欢
Sass（包括Sass和Scss）和Less都是CSS预处理器，它们扩展了CSS的功能，允许开发者使用变量、混入（mixins）、函数等编程特性来编写样式，最终这些代码会被编译成普通的CSS文件。尽管Sass和Less在功能上有很多相似之处，但它们之间也存在一些差异：
编译环...
yekong
5个月前 (03-01) 178℃
0喜欢
scrollbar-width: thin; 是CSS属性，用于控制滚动条的宽度。这个属性是CSS Scrollbars Module Level 1的一部分，主要被用于Firefox等支持的浏览器中。scrollbar-width属性接受两个关键字值：auto和thin。
a...
yekong
5个月前 (02-29) 232℃
0喜欢
在Sass中，你可以使用变量来控制滚动条的宽度和颜色。以下是如何定义和使用Sass变量来设置滚动条样式的示例：
// 定义变量
$scrollbar-horizontal-height: 6px;
$scrollbar-vertical-width: 6px;
$scrollba...
yekong
5个月前 (02-29) 146℃
0喜欢
项目开发中，有时候内容过多的话，需要显示滚动条，所以我们设置了overflow-x: scroll;。
.progressList {
width: 400px;
position: relative;
height: 74px;
overflow-x: scro...
yekong
6个月前 (01-26) 270℃
0喜欢
