pure是一个轻量级框架。这类框架的作用就是通过给相应元素添加预设好的class，来快速的实现预设效果。
pure只有短短数千行代码，但是可控拓展，非常实用，对于新手来说，pure是css框架入门的一个比较好的选择。在后期做项目时也可能用到类似于boostrap这样的大型框架。所以前期对于轻量级框架源码的理解是很有帮助的。
2024年11月27日
pure是一个轻量级框架。这类框架的作用就是通过给相应元素添加预设好的class，来快速的实现预设效果。
pure只有短短数千行代码，但是可控拓展，非常实用，对于新手来说，pure是css框架入门的一个比较好的选择。在后期做项目时也可能用到类似于boostrap这样的大型框架。所以前期对于轻量级框架源码的理解是很有帮助的。
2024年11月27日
css 制作自适应的正方形，padding的妙用。
绘制一个相对于父自适应的正方形，很多人，可能会想到使用aspect-ratio，其实使用padding同样能做到。
padding属性的百分比值是相对于父元素的宽度计算的，使用这个特性，就很容易做一个 相对于父容器的正方形了。
/*===========*/
2024年11月27日
Pure.css是一组小型的自适应CSS模块，可以在每个Web项目中使用。Pure以Normalize.css为基础，并提供native HTML元素以及最常见的UI组件的布局和样式，考虑到移动设备，Pure具有开箱即用的响应能力，因此元素在所有屏幕尺寸上都看起来不错。
<link rel="stylesheet" href="./pure-min.css" />
2024年11月27日
npm install postcss-px2rem --save2024年11月27日
在文本框输入过多内容时，会出现滚动条，不美观也不舒适；又或者当文本框填充很多内容时，在删除部分内容，高度不会变化，看着好不雅观。这时候，就需要做一个会自适应高度的文本框，根据内容来变化文本框高度。
给每个textarea文本框加一个autoHeight属性，并设置其属性为true，以便于初始js时获取需要自适应高度的标签
2024年11月27日
背景：
在使用layui table展示列表数据的时候，有时候单元格的内容有多行，这个时候需要设置单元格的高度自适应，这种情况下，如果有设置表格的某些列固定（fixed）的话，会造成固定列的样式错乱，排序的时候样式也会错乱，需要做特殊处理。
2024年11月27日
网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素
自动调整，这就是pc自适应。
自适应的优点：
元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。
2024年11月27日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS实现自适应正方形以及等宽高比矩形</title>
</head>
<style>
/* * {
padding: 0;
margin: 0;
} */
html, body {
height: 100%;
}
/* 方法一: */
.w_son-cont {
width: 20% ;
/*基于父级的宽度设置*/
padding-top: 20% ; /* 或者padding-bottom: 20%; */
background: red ;
}
/* 方法二: 这个方法不能实现正方形; 高度总是要比宽度大几个像素 */
.w_vw-cont {
width: 30%;
height: 30vw;
background: red;
}
/* 方法三: */
.w_mar-outer {
overflow: hidden;
width: 20%;
background-color: skyblue;
}
.w_mar-outer::after {
content: '';
display: block;
padding-top: 100%; /* margin 百分比相对父元素宽度计算 */
}
</style>
<body>
<div class="w_son-cont"></div>
<div class="w_vw-cont"></div>
<div class="w_mar-outer"></div>
</body>
</html>2024年11月27日
建企业网站时为什么需要使用iframe自适应高度呢？其实就是为了美观，要不然iframe和窗口长短大小不一，看起来总是不那么舒服，自适应高度对于用户体验度的提升尤为重要。网上关于iframe高度自适应的代码有很多，但比较杂乱，有一些过于复杂，有一些存在明显错误。缘由心生给出了一段修改后的精简版本，感觉不错，并简单修正了其中一处Opera下的错误。