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 的字体...