Bling Bling ~~

一、移动端截图移动端引用elementUI组件，使用el-select 时，会出现IOS端点击select下拉框后，第一次点击无反应，第二次点击后才选择上，Android手机并没有这个问题，所以查了下资料，它是IOS手机兼容问题导致的，这是只需要添加个样式，这个问题就会解决。解决办法：1、写法一： .el-scrollbar .el-scrollbar__bar { opacity: 1 !important; }2、写法二：.el-scrollbar { > .

最近想在自己的项目中添加滚动条，因为在一个数据很多的时候，不加滚动条的话很容易造成下面的数据被忽略掉然而有一个很有意思的是IE中可以正常显示滚动条，但是谷歌就会自动去除滚动条，所以要像个办法，把谷歌的滚动条加上加完滚动条IE效果： overflow: auto; height: 400px; -ms-scroll-chaining: chained; -ms-content-zooming: zoom; -ms-scroll-rails: n

我在文本换行的时候尝试了各种办法方案一：利用css让其实现换行1、使文字不换行white-space: nowrap;2、允许长单词换行word-wrap:break-word;3、换行不截断单词word-break:break-all;各种放法适用了一下，发现都改变不了方案二：用\n,和发现在控制台上显示文本确实换行，但是显示依然没有变化，很是头疼最后发现由于我的粗心大意忽略了行高：line-height…...

正常我们写完后，给div这几样式时，点击边框一直存在发现无论我们怎么设计点击后的效果，这个边框还是存在，后来我尝试了这个方法outline: none发现点击后确实没有了，但是一直按着边框就会出现所以应该时单击事件引起的，那么我们改成这个button:focus{outline: 0;}最后就成功了...