css
fighting_sunnyGirl
这个作者很懒,什么都没留下…
展开
-
vite中css模块化以及支持less等预编译
配置vite.config.js文件,无需安装任何插件-关于css的都在css模块下面进行配置import path from 'path'export default defineConfig({ css:{ //* css模块化 modules: { // css模块化 文件以.module.[css|less|scss]结尾 generateScopedName: '[name]__[local]___[hash:base64:5]', hashPre..原创 2021-08-16 11:20:11 · 9853 阅读 · 2 评论 -
postcss-pxtransform移动端适配
安装yarn add postcss-pxtransform -D使用postcss.config.jsmodule.exports = { plugins: [ require("postcss-pxtransform")({ platform: 'h5', designWidth: 750, }), ],}还需要在html入口文件里面追加base值计算!!!!<script>!function(x){function w().原创 2021-08-10 17:07:03 · 632 阅读 · 0 评论 -
webpack配置css前缀自动补全
webpack配置css前缀自动补全主要依赖"autoprefixer": "^10.3.1","postcss": "^8.3.6","postcss-loader": "^4.2.0",css解析配置确保已安装 基础依赖 style-loader 、css-loaderwebpack.config.js 文件新增module.exports={ module:{ rules:[ { test: /\.css$/i, exclud原创 2021-08-04 14:46:36 · 269 阅读 · 0 评论 -
css模块化以及antd按需加载冲突解决方案
标题css模块化配置,以及与antd按需加载冲突解决方案安装依赖 "css-loader": "^4.2.2", "style-loader": "^1.2.1",配置webpack.config.js,实现css模块化module.exports = { module:{ rules:[ { test: /\.css $/i, exclude: /node_modules/, use: [原创 2021-08-04 14:28:06 · 1041 阅读 · 0 评论 -
获取和修改伪元素样式
//获取var shockwave = document.getElementsByClassName('shockwave')[0];修改伪元素样式方法一shockwave.classList.add('test');//给伪类添加样式.test::after{ content: ''; position: absolute; top:转载 2017-09-12 14:48:43 · 2506 阅读 · 0 评论 -
打印html时设置去掉页眉页脚 简单一行代码搞定(记录一下)
media="print"> @page{ size: auto; margin: 0mm; }转载 2017-08-21 15:39:00 · 5133 阅读 · 3 评论 -
英文禁止溢出/ios自带美化去除/ios兼容go(-1)问题
英文溢出折行word-wrap: break-word;table-layout: fixed;overflow: hidden;text-overflow: ellipsis;ios手机样式自带美化功能去除-webkit-appearance: none;ios兼容go(-1)window.history.go(-1);return false;原创 2017-07-30 18:51:48 · 875 阅读 · 0 评论 -
多行显示和单行显示溢出部分为...
//多行text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;//行数-webkit-box-orient:vertical;overflow:hidden;//单行white-space: nowrap;overflow: hidden;text-overflow: elli原创 2017-07-01 10:46:49 · 427 阅读 · 0 评论