bigpatten的博客

首先来看效果图： 我们可以清除的看到级联选择器的高度已经溢出了，看起来非常的不友好，而且功能还会受到一定的阻碍，那么怎么来解决这个问题呢？其实非常的简单，出现这个效果的原因就是因为好的不确定是由内容撑起来的，所以在数据很多的时候就会出现高度满屏的情况，我们只需要给他添加给定的高度就可以了。 在你的全局样式表中加上如下代码就可以了： .el-cascader-menu { height: 350px; } 更改后的效果图如下： ...

1. 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 设备 尺寸区间 超小屏幕（手机） < 768px 小屏设备（平板） >= 768px ~ < 992px 中等屏幕（桌面显示器） >= 992px ~ < 1200px 宽屏设备（大桌面显示器）...

1.0 移动端基础 1.1浏览器现状 PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。 移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。 国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手...

优化基本思路 减少HTTP请求数量 减小请求资源的大小 小技巧 将图片压缩后再放到生产环境，这样图片可以变得相对较小，常用压缩工具有： https://tinypng.com/ 和 https://pngcrush.com/ 精灵图(雪碧图)的优化 把图片横向合并而不是纵向，横向更小。 把颜色近似的图片合并到一张雪碧图，这样可以让颜色数更少，如果低于 256 就可以用 png8。...

1. rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小，rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px */ html { font-size: 12px; } /* 此时 div 的字体...