Fansr_的博客

pc端适配包括不同分辨率的适配以及放大缩小网页的适配。适配方法如下：1、rem适配。（依据网页根节点字体大小根据ui设计稿计算缩放比（以1920*1080为例，顶部标题字体大小为25px）在具体使用时直接调用函数，比如设计稿高为100px，则height:px2rem(100)，即转化为相应的rem。页面加载时设置页面默认根节点大小，监听页面变化时重设根节点字体大小。......

二、蛇形时间线效果图<template> <div> <div style="width: 100%; display: flex; position: relative; margin-top: 20px" > <div style="width: 10%; margin-left: 30px"> <div> <!-- 开头 --> .

一、未知宽高设置文本水平垂直居中<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

最终效果如下面所示代码部分<!-- 英文 数字 键盘 --><div class="allBoard"> <van-popup v-model="show_allBoard" position="bottom" :overlay="false" overlay-class="displayNone" > <div class="plate_number_box">

解决方法：在overflow:scroll地方也就是需要滚动的部分加上css，.content{ -webkit-overflow-scrolling:touch;}或者在全局样式处加上代码，避免每个地方都需要重复书写，*{ -webkit-overflow-scrolling:touch;}...

<template> <div class="compoent-content"> <!--数据展示部分--> <div class="formList"> <el-table ref="elTable" v-loading="listLoading" :key="tableKey" :data="optionsList" :empty-te.

一、全局滚动条样式设置：::-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...