ansinyu的博客

背景有些客户和滚动条有仇，要求我们做的产品各种适应屏幕，最终目的是不想看到滚动条。解决方案在想尽办法实现完全适配无果之后，可以尝试：直接设置滚动条样式，在CSS里面把滚动条的宽度设置为0就完事了 .some-div::-webkit-scrollbar { width:0; }！！相关类::-webkit-scrollbar 滚动条整体样式::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）:

看到很多用vue的“大神”在实现动态分辨率适配的时候竟然还要引入第三方插件，实在受不了，教教这些人，用css的属性就完全可以实现同页面同组件不同样式的。直接上代码：/* 分辨率宽度在1360px以下时 */<style lang="scss" scoped> @media screen and (max-width: 1360px) { //只要设置了这个最大尺寸，就可以根据不同的情况单独设置组件的样式了 .item-content { width: 100px; }

干掉光标！有时候在做一些点击的组件时，如button、tag、侧边栏等等，做完了效果都不错，但是矫情的大前端会发现：点击到组件上的文字比如侧边栏时，会出现一个类似input的光标！但我们根本就没有输入需求，这个光标很多余。如图：是可忍孰不可忍！解决他需要一行代码。.xxx { caret-color: transparent;}...