0.5px

我的排版v190803

font-size:16px;/*字号，16其实还是蛮合适的，但是我就是想用一用17*/color:#3f3f3f;/*字体颜色*/line-height:1.85em;/*行高*/word-spacing:0.5px
和我一起学习ba·2023-02-17 09:34

uniapp 微信小程序 安卓端边框粗

在使用uniapp开发微信小程序的过程中发现使用border:1rpx时在ios系统中正常显示但是换到安卓系统中边框变得很粗解决办法：1rpx换成0.5px或更小自己理解：ios系统在小程序中最小单位为
Mr_Dragonn·2023-01-31 17:41

前端面试题：如何画一条0.5px的线

前言理论上1px已经是最小单位了，那如何画一条0.5px的线呢？
想搞全栈的前端·2022-10-29 22:25

如何完成响应式布局，有几种方法？看这个就够了

往期文章详解CSS3中最好用的布局方式——flex弹性布局（看完就会）[前端CSS高频面试题]如何画0.5px的边框线（详解）CSS3基础属性大全CSS3动画属性animation详解（看完就会）CSS3transform2D
坚毅的小解同志·2022-10-18 17:20

【Transform3D】转换详解（看完就会）

看这个就够了详解CSS3中最好用的布局方式——flex弹性布局（看完就会）[前端CSS高频面试题]如何画0.5px的边框线（详解）CSS3基础属性大全CSS3动画属性animation详解（看完就会）CSS3transform2D
校园的光·2022-10-15 10:19

前端小组第一次考核

二：代码题1.用CSS画一条0.5px的线2.使用CS
追梦杰尼龟·2022-10-09 19:58

小程序中rpx与px的换算

如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。微信官方建议视觉稿以iPhone6为标准.
浩星·2022-09-02 22:08

小程序完成后的自我总结（一）

而rpx与px的大小换算就是个问题了，通常情况下，我们是在iPhone6的机型下进行程序的编辑，规定屏幕宽度为750px，譬如iphone6，屏幕宽度为375px，共有750个物理像素，则1rpx=0.5px
·2022-03-27 22:20

字节前端面试题

CSS怎么实现边框宽度是0.5px？答：首先使用transform:scale(0.5);将其缩小到一半，再使用如下代码放大到原来的大小，这时边框就变为0.5px了。
是L啊·2022-03-19 23:08

20.小程序：布局适配方案（rpx、px、vw、vh）

.1rpx=（screenWidth/750）px，其中screenWidth为手机屏幕的实际的宽度（单位px），例如iphone6的screenWidth=375px，则在iphone6中1rpx=0.5px
TensorFlow开发者·2022-02-14 13:00

CSS解决0.5px问题

此方法是我在项目中常用的方法：.parent{position:relative;/*其他样式自己定*/}.parent::after{content:'';//注意要加上这个position:absolute;left:0;bottom:0;transform:scaleY(.5);//transform-origin:50%100%;看情况加}注：如若伪元素没有显示首先检查content是否加
Moryan·2022-02-09 08:25

微信小程序尺寸单位rpx以及样式相关介绍

如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。
谢大见·2022-02-07 08:00

6. css盒模型+画一条0.5px的线

6.css盒模型+画一条0.5px的线（1）说一下css盒模型简介：就是用来装页面上的元素的矩形区域。CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。
ChrisP3616·2021-10-09 16:33

微信小程序尺寸单位rpx以及样式

如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。
傲世情缘·2021-06-08 00:36

物理像素和逻辑像素区别

其实，小程序的rpx单位就是（物理像素/逻辑像素）1rpx=325/750=0.5px显示手机分
壹直卝注你·2021-06-04 13:39

web前端面试题@十八（移动端1px问题，为什么会有？如何解决？typeof和instanceof相同点与不同点？）

那么前端工程师为什么不能直接写0.5px(css)呢？因为在老版本的系统里写0.5px(css)的话，会被浏览器解读为0px(css)，就没有边框了。不过在新版的系
王芃皓·2021-05-09 09:29

面试题-CSS

文章目录1、说一下css盒模型2、画一条0.5px的线3、link标签和import标签的区别4、transition和animation的区别5、Flex布局6、BFC（块级格式化上下文，用于清楚浮动
猫狗记·2021-05-05 15:20

前端常见问题——一像素显示

方案/优缺点兼容性颜色圆角总结0.5px边框无法兼容安卓设备、iOS8以下设备支付支持简单，不需要过多代码使用border-image无修改颜色麻烦，需要替换图片圆角需要特殊处理，并且边缘会模糊可以设置单条
·2021-02-25 17:37

[css] 怎么实现移动端的边框0.5px？

[css]怎么实现移动端的边框0.5px？
小歌谣（公众号同名）·2021-02-20 12:42

移动端border为0.5px不生效

在写移动端的时候，很多安卓手机上border为0.5px看起来甚至比1px的大小还粗，最近遇到以后，想到一个解决办法。
小小蝙蝠侠·2021-01-22 10:39

移动端通过css实现0.5px的边框

移动端通过css实现0.5px的边框.border-bottom{position:relative;}//通过css的缩放属性，缩放0.5倍来实现.border-bottom::after{content
十世劫拿渡她·2021-01-13 10:27

android上实现0.5px线条的原理分析

由于安卓手机无法识别border:0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。
·2021-01-08 17:15

android上实现0.5px线条

由于安卓手机无法识别border:0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。
浅夏晴空·2021-01-06 19:35

android上实现0.5px线条

由于安卓手机无法识别border:0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。
浅夏晴空·2021-01-06 19:16

web前端基础面试题

1.用css画一条长100px,宽0.5px的细线;(移动端)Document.line{position:relative;width:100px;height:1px;}.line:after{content
賀崽·2021-01-02 16:03

css实现0.5px线条，解决移动端兼容问题

1.利用background-image渐变样式2.可以利用scale缩放3.给伪元素设置边框在这里插入代码片0.5px线实现方法/*标准1px边框*/.b1{height:40px;border:1pxsolid
前端·卡卡西·2020-11-23 09:52

如何CSS-画0.5px的线，解决IOS移动端兼容性问题

**如何CSS-画0.5px的线，解决IOS移动端兼容性问题##**设计师在做设计图的时候都是以iphone6（宽为750物理像素）为基准进行设计的。
Pandorping·2020-11-21 20:28

移动端写0.5px边框

移动端1px边框问题移动端1px好像是比效果图大些，在查了一下解决办法，亲测有效单条border样式设置.scale-1px{position:relative;border:none;}.scale-1px:after{content:'';position:absolute;bottom:0;background:#000;width:100%;height:1px;-webkit-trans
呆鸟慢飞·2020-11-17 14:36

【前端微信小程序】第七章 样式WXSS

如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1
itlu·2020-10-27 22:28

0.5px的边框线遇到的坑

奇怪的需求，要0.5px的边框线，有一个巨简单的方法第一种：使用box-shadow的方法如图box-shadow:0000.5pxblack;一句话搞定兼容问题这种方式在chrome可以，但是firefox
小手冰凉007·2020-10-14 12:49

前端面试每日 3+1 —— 第537天

今天的知识点(2020.10.04)——第537天(我也要出题)[html]你能否画出一个0.5px的直线？[css]使用css制作出一个星星[js]Float32Array有几种构造方式？
浪子神剑·2020-10-10 06:42

前端面试每日 3+1 —— 第537天

今天的知识点(2020.10.04)——第537天(我也要出题)[html]你能否画出一个0.5px的直线？[css]使用css制作出一个星星[js]Float32Array有几种构造方式？
浪子神剑·2020-10-09 13:20

前端笔记--杂乱知识点

letter-spacing:0.5px;//文字间距渐变背景颜色background:linear-gradient(起始方向,颜色1,颜色2,...)
nine-seven·2020-09-17 08:00

纯css设置border-width

常见的border设置一般都是直接类似1pxsolid#eee，但是在移动端上会发现这个1px的border显得很粗，如果直接设置0.5px的话，在ios里面的显示到还正常，不过有些安卓机不支持浮点数的的样式设置
this_ITBoy·2020-09-16 12:53

CSS画0.5px的线

i{display:inline-block;width:170px;height:1px;background:#ff9db5;transform:scaleY(0.5);}如下图：
LPLIFE·2020-09-16 02:49

在vue中通过定时器制作短信验证码倒计时

currentResult.countDown}}重发验证码添加CSS样式，如下所示：.div-cell{position:relative;display:flex;background:#ffffff;border-bottom:0.5px
qq_26780317·2020-09-15 11:14

HTML 移动端,给元素添加0.5px的边框

在浏览器端1px线看起来的确很细,但一旦放在手机上,就显得很粗,原因如下:在移动端，1px的直线在物理屏幕上通常会显示成2px（甚至更粗）。这是因为手机屏幕的物理分辨率（硬件支持的）通常是其逻辑分辨率（软件支持的）的数倍。以iPhone6为例，其逻辑分辨率为667×375，物理分辨率为1334x750。这意味着物理屏幕使用2x2个像素点显示1像素的内容。换言之，如果我们希望在物理屏幕上显示1像素的
清澈@Cherry·2020-09-15 11:38

CSS3实现手机1px边框，细如发丝

前言我们使用手机App的WebView和浏览器查看网页时，经常能看见那细如发丝的“0.5px”的边框、线条，让整个页面效果看起来更加细致。
大狗派克·2020-09-15 10:04

使用css3做0.5px的细线

Webapp中的CSS3实现0.5px的细线感觉很长时间没写过博客了，最近生活还算稳定，过得较为充实，所以又要开始写写东西了，一个是为了做些记录，是怕自己某一天，忘记了，回头翻翻博客，就会再次的拾起来，
Johnny丶me·2020-09-15 10:51

微信小程序IOS IphoneX上边框显示不全

完美解决，因为0.5px在ios中是无法显示的（无法显示小于1px）
Lee_NeiL_·2020-09-15 07:26

前端面试知识点整理

看这一篇就够了CSS3动画CSS3动画详解前端面试题——如何画一条0.5px的线CSS预处理器less和sass大家肯定都用过，今天我们从另一个角度来谈谈他们2019年
小北lulu·2020-09-14 09:13

如何解决容器边框不为整数的情况？

通常状况下，我们队容器加边框border的时候都是整数像素，比如1px，2px等等；那如果有需求需要0.5px或者0.7px的边框，我们如何解决呢？
MemoryInWater·2020-09-11 15:36

如何实现border-width:0.5px;

工作中遇到了一个产品需求，要求把列表分割线改成0.5px，直接写成border：0.5pxsolid#cccccc;是不符合规范的写法，会存在Android和IOS手机上的兼容问题，故，我们可以利用CSS3
淡水无华·2020-08-26 23:24

css 0.5px border 解决方案(scss版)

先贴下代码吧~(._.)~不用scss的小伙伴先别急着改，下面有css版的~(._.)~@mixinborderHalfPx($borderColor:#ddd,$borderRadius:0,$borderTop:0,$borderRight:0,$borderBottom:0,$borderLeft:0,$borderStyle:solid){position:relative;&::befo
Astronomical·2020-08-24 20:29

0.5px 渐变分割线

1、html代码dddddddddd2、css样式el-divider--horizontal{display:block;height:1px;width:200%;margin:24px0;}.el-divider{background-image:linear-gradient(toright,white,black,white);position:relative;transform:sc
NANA北极·2020-08-24 19:18

高清屏下正确显示1px宽度的圆角边框

用红色绿色蓝色之类的粗细差异很大），浏览器边框的最小的显示像素是1px,设置0.5px也是会渲染成1px的效果，而在css的1px根据手机的品牌或型号不同在高清屏的物理像素是2像素或者3像素border
jiang_rong·2020-08-22 15:22

框架视图层（四）

如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。
QQ小冰_5a48·2020-08-21 18:22

css实现0.5像素的边框

对于这个问题，最直观的方法就是css直接设置边框为0.5px，经过测试，iPhone可以正常显示，android下几乎所有的浏览器都会把0.5识别为0，即无边框状
cuifangfang1177·2020-08-21 03:16

css 0.5px 间隔细线 | border 细线的实现 参考WeUI

在Android中系统是识别0.5dp的，但是在web中浏览器内核在遇到0.5px时会向上取整为1px。
with3w·2020-08-17 15:55

移动端不兼容0.5px的解决方案

众所周知，移动端的设备各种各样，分辨率、屏幕比等都会有差异，要想做到一套代码多种设备适用尤其困难，比如部分安卓手机不识别0.5px的边框，下面给出解决方案：一、单条边框(上边框或者下边框).box{width
颖_恋·2020-08-16 06:50
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他