2020年9月25日
CSS设置背景图片
摘要： 一、图片不变形（推荐使用img标签） 1. 宽高都不固定 <!-- 只需要设置src即可 --><img src="test.png"> 2. 宽高比固定 图片宽高比和标签宽高比相等则使用img和背景图方式都是一样的 img标签方式 <img src="test.png"> 背景图片方式 .img 阅读全文
posted @ 2020-09-25 12:15 姑苏城外小白 阅读(600) 评论(0) 推荐(0) 编辑
CSS自定义滚动条样式 -webkit-scrollbar
摘要： // 基本的设置 ::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; 阅读全文
posted @ 2020-09-25 11:26 姑苏城外小白 阅读(198) 评论(0) 推荐(0) 编辑
CSS设置小技巧
摘要： 1. 重置引用组件自带的样式，重置原有样式 <div class="reset-all-styles new"></div> /* 重置原有样式 */ .reset-all-styles { all: initial; } /* 新样式 */ .new{ float: left; margin-to 阅读全文
posted @ 2020-09-25 10:50 姑苏城外小白 阅读(91) 评论(0) 推荐(0) 编辑
移动端不同设备设置倍图
摘要： ios倍图 // less倍图 /* ios倍图切换 */ .bg-image(@url) { background-image: ~"url('~@/assets/images/2x/@{url}@2x.png')"; @media (-webkit-min-device-pixel-ratio: 阅读全文
posted @ 2020-09-25 10:39 姑苏城外小白 阅读(181) 评论(0) 推荐(0) 编辑