![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
前端小问题
这个作者很懒,什么都没留下…
展开
-
border-image使用时注意安卓端和ios端的兼容
使用时要注意以下几点:1,加heck头,一定要加全。2,***不要使用***border:0.4rem solid transparent; 使用border-style: solid;border-width: 0.4rem;如果用前面的写法会造成ios的页面无法加载。.shadow {/* border:0.4rem solid transparent; */ border-style: solid; border-width: 0.4rem; border-top:原创 2021-02-25 20:44:44 · 668 阅读 · 0 评论 -
element中列表(table)中套用上传图片(upload)的图片回显
首先是看效果:0,下面是完整的代码元素:<template> <el-table :rules ='rules' :data="getGiftListTableData" border style="width: 100%"> <el-tab原创 2020-09-11 19:52:36 · 4460 阅读 · 0 评论 -
css实现水平垂直居中
一,上效果图二,代码css。.box{ width: 500px; height: 500px; position: relative; background: red; } .need{ position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 40px; height: 40px; b原创 2020-09-08 16:27:22 · 85 阅读 · 0 评论 -
关于使用animate与position:fixed冲突的问题解决
一,问题描述在使用animate之后使用position:fixed;fixed定位的元素会变得能够滚动了,不再一直悬浮在固定位置二,解决方法。2.1:是否使用animate的元素有增大旋转等动作,如果有是否因为这些动作而改变了父级元素的宽高,如果改变了body的宽高,fixed就会重新计算,会造成影响。2.2:使用animate的时候特别是元素旋转,需要注意不要让元素为长方形,应该尽量做成正方形,长方形旋转很容易造成body的改变。...原创 2020-09-07 19:22:23 · 1418 阅读 · 0 评论 -
css3书写cd播放器飘动音乐符号动画
一,效果。音乐字符飘动,同时可以缩放。二,代码直接上。使用的时候需要自己更改图片地址。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>进度条</title> <style type="text/css"> body{ background: black; }.music-wrap{ position: absol原创 2020-09-07 19:13:17 · 701 阅读 · 0 评论 -
vue-cli中怎样使用rem进行布局
rem布局的原理就是获取手机屏幕宽度,将屏幕宽度平均分配成多少份,每一份的宽度将其赋值给最大的document的fontsize。resize();window.onresize = function () { resize();}function resize() { var deviceWidth = document.documentElement.clientWidth || window.innerWidth; if (deviceWidth >= 750) {原创 2020-08-20 09:15:37 · 370 阅读 · 0 评论 -
flex和overflow同时使用添加背景颜色不能全部渲染
一,问题。第一行有背景但是不能将第一行的背景完全的改变颜色。二,解决办法。.colorBG>>>.oneCol{ background-color: #D8E9FC !important; } <div id="rowTable"> <div class="tabHead"> <div class=""> <div class="oneRow flex-wrap co原创 2020-08-18 16:29:47 · 452 阅读 · 0 评论