![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Fansr_
Hello World
展开
-
vue项目pc端页面适配
pc端适配包括不同分辨率的适配以及放大缩小网页的适配。适配方法如下:1、rem适配。(依据网页根节点字体大小根据ui设计稿计算缩放比(以1920*1080为例,顶部标题字体大小为25px)在具体使用时直接调用函数,比如设计稿高为100px,则height:px2rem(100),即转化为相应的rem。页面加载时设置页面默认根节点大小,监听页面变化时重设根节点字体大小。......原创 2022-07-08 09:44:18 · 4476 阅读 · 1 评论 -
vue实现水平时间线与蛇形时间线
二、蛇形时间线效果图<template> <div> <div style="width: 100%; display: flex; position: relative; margin-top: 20px" > <div style="width: 10%; margin-left: 30px"> <div> <!-- 开头 --> .原创 2022-05-16 15:48:14 · 3169 阅读 · 0 评论 -
html+css页面内容设置水平垂直居中
一、未知宽高设置文本水平垂直居中<div class="app_container"> <div class="content">水平垂直居中文字</div></div>1、绝对居中+水平位置.app_container{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}2、flex属性居中.app_contai原创 2022-04-01 10:11:59 · 631 阅读 · 0 评论 -
vue+vant实现自定义键盘样式
最终效果如下面所示代码部分<!-- 英文 数字 键盘 --><div class="allBoard"> <van-popup v-model="show_allBoard" position="bottom" :overlay="false" overlay-class="displayNone" > <div class="plate_number_box">原创 2022-03-31 14:29:00 · 2944 阅读 · 0 评论 -
vue手机端页面设置overflow:scroll后滚动不流畅问题
解决方法:在overflow:scroll地方也就是需要滚动的部分加上css,.content{ -webkit-overflow-scrolling:touch;}或者在全局样式处加上代码,避免每个地方都需要重复书写,*{ -webkit-overflow-scrolling:touch;}...原创 2022-03-17 14:05:28 · 1468 阅读 · 0 评论 -
vue+element table组件点击行选中同时高亮
<template> <div class="compoent-content"> <!--数据展示部分--> <div class="formList"> <el-table ref="elTable" v-loading="listLoading" :key="tableKey" :data="optionsList" :empty-te.原创 2022-01-10 11:43:11 · 610 阅读 · 0 评论 -
页面滚动条样式设置
一、全局滚动条样式设置:::-webkit-scrollbar { width: 4px; height: 4px;}::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background-color: #99a9bf;}::-webkit-scrollbar-track { -webkit-box...原创 2021-08-18 17:20:55 · 10222 阅读 · 5 评论