如何画 1PX 的线

因为屏幕的分辨率和浏览器的的分辨率存在换算关系，所以1像素的线在屏幕上会占用2个或者2个以上视觉像素，这点在移动端尤其明显。
解决方案：

// 解决方案有很多种，这里仅给出我经常使用的使用伪类解决
.outer {position: relative;
}
.outer:before {display: block;content: '';position: absolute;left: 0;top: 0;width: 200%;height: 1px;tansform: scale(0.5);tansform-origin: 0 0;background: #f5f5f5;
}

作者：全栈道路
链接：https://juejin.im/post/5e8b0f07e51d4546fe26223c
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

如何画 1PX 的线相关推荐

vue3.0 + typescript openlayers实现地图标点、移动、画线、显示范围、测量长度、测量面积、画三角形、画正方形、画圆、线选、画笔、清除测量、清除、地图上展示弹窗等功能
vue3.0 + typescript openlayers实现地图标点.移动.画线.显示范围.测量长度.测量面积.画三角形.画正方形.画圆.线选.画笔.清除测量.清除地图所有等功能由于最近项目中用 ...
移动端视网膜（Retina）屏幕下1px边框线的解决方法
本文主要介绍几种移动端视网膜(Retina)屏幕下1px边框线的解决方法. 1.通过viewport + rem的方式来兼容. 目前这种兼容方案相对比较完美,适合新项目(老项目改用REM单位成本会比 ...
画轻量线、二维多段线及三维多段线
CAD中多段线类型:轻量线.二维多段线及三维多段线,在CAD中轻量线及二维多段线的切换是通过PLINETYPE命令,输入0后,利用pl画出的多段线便是二维多段线:输入2后,利用pl画出的多段线便是轻量 ...
18怎么确定板子形状_板绘怎么画线条排线？板绘小白画线不稳怎么办？
想学习绘画去找不到方法?小编为大家提供一套学习素材~~领取方式在文章最后~~ 很多初学者在刚刚接触板绘的时候经常会因为手不稳而无法控制线条的运用,导致画面显得粗糙,形状或结构不标准,画面花等等问题. ...
ArcGIS.Server.9.2.DotNet在ElementGraphicsLayer画点、线、折线、面、圆、矩形的代码
ArcGIS.Server.9.2.DotNet在ElementGraphicsLayer画点.线.折线.面.圆.矩形的代码: 1public class AddTool:IMapServerTo ...
wpf 去除按钮点击时会画一个点线的矩形
wpf 去除按钮点击时会画一个点线的矩形最近在研究wpf,啥都不懂,特把自己查到的有用东西,收集一下: <Page xmlns="http://schemas.microsoft.c ...
【金融工程实验】【matlab】使用candle函数画日均k线图
使用candle函数画日均k线图要求数据数据读入数据处理显示图形本实验为课程设计需求要求下载一支股票2020年2月.3月的日线数据,并用MATLAB绘制日K线图,要求绘制5日均线和20 ...
python画出K线图及技术指标
目录安装mplfinance及Ta-lib 画图安装mplfinance及Ta-lib mplfinance是基于matplotlib的金融数据可视化分析模块,前身是mpl_finance,比起m ...
auto CAD 二次开发 c#.net 之JIG画多段线（polyline）
在CAD 命令中画多段线的命令为:pline.下面将介绍一种JIG画多段线的方法. 首先,来介绍一下JIG这个东西. EntityJig(实体动态预览),按照指定步骤模仿特定类型的单个实体对象.首先, ...

如何画 1PX 的线

如何画 1PX 的线相关推荐

最新文章

热门文章