随笔分类 -  css

利用混合字体-节省字体大小
摘要：参考https://www.cnblogs.com/xiaoyuxy/p/12038699.html#part_five 引入字体 @font-face { font-family: 'MPLUS1'; font-display: block; src: url('../fonts/MPLUS1-V 阅读全文
posted @ 2022-02-23 15:45 fanly_hh 阅读(108) 评论(0) 推荐(0)
通过rem适配手机端
摘要：1.安装"@alitajs/hd"插件 2.在配置文件里配置 plugins: ['@alitajs/hd'],hd: { px2rem: { rootValue: 100, selectorDoubleRemList: [/.ant-/], },} 3.参考用less写公共方法 .px2rem(@ 阅读全文
posted @ 2022-02-22 13:53 fanly_hh 阅读(179) 评论(0) 推荐(0)
react 项目中引入.css/.less/图片
摘要：eg:index.less .content{ p{ font-size:16px; } } 在react组件中引入less 1.import "../styles/index.less" <div className={content}></div> 2.import style from '.. 阅读全文
posted @ 2022-02-21 18:56 fanly_hh 阅读(525) 评论(0) 推荐(0)
同一字体 不同样式 在css中引入方式
摘要：<style> @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('./fonts/Roboto-Light.ttf'); } @font-fa 阅读全文
posted @ 2022-02-18 15:13 fanly_hh 阅读(182) 评论(0) 推荐(0)
css 设置 从某个单词处强制换行
摘要：css设置：white-space:pre-line 文字中设置："文字\n微博" 阅读全文
posted @ 2022-02-18 14:34 fanly_hh 阅读(88) 评论(0) 推荐(0)