weixin_43867303的博客

单个静态页面布局，需要手动将px单位换成rem单位，有些不需要动态缩放的元素依旧使用px.2.2 vue3中使用postcss-px-to-viewport 适配屏幕。px-to-viewport-ignore */ —> 当前行不进行转换。通过css的@media媒体查询设置不同的样式，实现不同屏幕的适配。2.1 安装插件postcss-px-to-viewport。1，安装viewport-units-buggyfill。3，在css中使用，手动添加content代码。css样式表中的媒体查询。

1，使用grid-template-areas指定网格区域划分。左边一个大模块，右边两个小模块垂直排列。2，单个项目设置区间范围属性。

实现简单的一键换肤效果，让所有颜色都继承祖先元素的color色值，在想要换肤的时候，只要容器元素改变color属性值就可以了。

css弹性布局，行数固定、flex子项宽度不固定和行数不固定的弹性布局对齐的常见问题解决

p{ /*文本缩进*/ text-indent: 5px; /*改变字间隔*/ word-spacing:5px; /*字母间隔*/ letter-spacing: 5px; /*字符转换 对首字母大写*/ text-transform: capitalize; /*转换为小写*/ /*text-transform: lowercas...