1px边框线

如何使用原生CSS在DIV层中画一条线？

flex;justify-content:space-between;align-items:center;border:1pxsolidred;height:50px;}.line1{height:1px
人间草木96·2023-03-23 17:00

css实践——实现凹凸线条

实现“展开”周围的凹形线条思路其实就是“展开”有边框，填充色和背景颜色一样（白色），然后再遮挡不需要的线条展开.wrap{width:600px;height:1px;background-color:
NOyesNONO_·2023-03-23 17:44

table{border-collapse:collapse;}table,th,td{border:1px
直到世界尽头_Leo·2023-03-21 21:54

GIF 方式实现埋点数据上报

优点：1.gif图片格式体积小，可使用1px*1px的空白gif图片2.图片请求方式不会出现跨域问题haoroomsfunctioncheckPoint(){newImage().src='.
Hi小胡·2023-03-21 01:14

Web前端开发——HTML基础、格式化文本与段落

设计要求：页面上方水平分隔线粗细为1px、颜色为#000fff，页面下方水平分隔线粗细为1px、颜色为#00ffff。
小美灵·2023-03-19 23:36

表格

1、表格元素table元素用二维数据表表示的信息属性border边框如果是1就是1px的边框cation表格的标题colgroupspan属性表示代表的列数比如span2代表2列col元素代表的列的可以定义列的属性
陶宁·2023-03-19 18:54

HTML、CSS、JS面试题

文章目录HTMLHTML结构HTML语义化标签3.DOCTYPE(⽂档类型)的作⽤块级元素和行内元素行内元素块级元素区别meta标签metaviewport怎样处理移动端`1px`被渲染成`2px`问题
微笑的眼泪2021·2023-03-18 22:42

移动端 1px 像素问题及解决办法

前言：在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。
小丶侯·2023-03-18 22:30

自由裁剪,可放大细节的自定义view

效果图Screenshot_20200828-184451_CropViewDemo.jpg核心代码▶Part1:裁剪部分绘制裁剪边框线，效果看起来是一个长方形，为了实现随意裁剪，用了四条线组成裁剪框，
小鹿啊小鹿·2023-03-18 21:08

创建一个学生信息表

1pxsolidgray;border-collapse:collapse;margin:30pxauto;}th,td{line-height:35px;text-align:center;border:1px
jingguo_·2023-03-17 16:08

八大经典优雅的CSS鼠标悬浮动画-hover属性

Grow-Shadow*/.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px
编程启航·2023-03-17 15:40

VSCode配置TODO和FIXME语法高亮

color":"red","backgroundColor":"#ffab00","overviewRulerColor":"#ffab00","cursor":"pointer","border":"1px
D-A-X·2023-03-17 11:59

做为UI小程序你知多少？

在iPhone6上，设备分辨率为750px，则750rpx=750px，即1rpx=1px，所
闫小娇·2023-03-16 21:47

前端面试题十八@杨志刚

移动端1px问题，为什么会有？如何解决？因为在移动端，由于屏幕分辨率的不同，现在分为一倍屏，二倍屏，三倍屏。
抱以恶意·2023-03-16 07:33

移动端会遇到的边框问题

没有办法，只能查资料，百度，终于知道问题所在了，摘抄一下几种方法解决：造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在
星飞822·2023-03-15 14:15

2020前端面试题一之移动端兼容

1、1px边框在移动端中，如果给元素设置一个1px的像素边框的话，那么在手机上看起来是会比一个像素粗的。解决方法:使用伪类元素模拟边框使用transform缩放。
亦腕n_n·2023-03-15 07:28

美化照片2

3、创建新透明画布（20x20px），将前景色设为白色，使用1px的铅笔工具对画布左侧和下侧描边。4、编辑>>变换>>变形，按下图调整网格层节点。5、将图层不透明度设为20%。
ziplj_kxl·2023-03-15 06:50

css3实现点圈旋转的loading效果

test.htmlDocumentdiv{margin:100pxauto;width:2px;height:2px;border-radius:1px;box-shadow:0-12px03pxblack
jojo付啾啾·2023-03-15 06:09

移动端边框1px过粗问题之min-device-pixel-ratio

有时候我们切的图总是不像UI给的图一样精美，例如这个1像素边框和下划线问题因在我们的移动端中css最小1px其实映射为物理像素有2px或3px可以去了解一下viewport，在此只给出一种方便的解决方案
Rebar_0131·2023-03-14 18:09

手机1px实现方法

.border{border:1pxsolid#999}@mediascreenand(-webkit-min-device-pixel-ratio:2){.border{border:0.5pxsolid#999}}@mediascreenand(-webkit-min-device-pixel-ratio:3){.border{border:0.333333pxsolid#999}}
周霖_·2023-03-14 18:19

Android之屏幕适配方案

比如常见的屏幕尺寸：5.0、5.99、6.0等等屏幕分辨率屏幕分辨率是指手机在横向、纵向上的像素点数总和，单位是px，1px=1个像素点，一般以纵向像素*横向像素。
Mr YiRan·2023-03-14 07:35

Vue使用flexible 解决移动端适配问题

sav-devVue2.X版本脚手架搭建项目，根目录下存在一个.postcssrc.js文件postcdd-pxtorem配置新增图片红色标注中的代码rootValue基数；例：rootValue为100则1px
这里是新开始·2023-03-13 19:46

CSS之伪元素 ::before

border的大小为1px，所以伪元素
平平无奇小码农qwq·2023-03-13 19:47

ios开发之显示一个真实长宽为4X2厘米的图片

pt：iOS开发单位，即point，我们先求一下ppi公式：iPhone3G的ppi计算：iPhone3G的屏幕像素密度ppi是每英寸163个像素，而苹果又规定在这种非视网膜的iPhone上，1pt=1px
猿王·2023-03-13 01:14

第五次上机报告

还有设置表格边框线，插入表标题需要插入行，还有有意思的换行操作，需
Kare77·2023-03-11 19:25

Chrome中sticky定位的导航栏产生1px缝隙

起其实这个问题来源于吸顶的实现。CSS中定位使用sticky属性，可以直接实现吸顶效果。参考stickyheadings。但是好事多磨，较低版本的Android并不支持。而fixed属性在iOS上又有一些问题，所以面对这个需求，采用了判断env的方法，iOS用sticky，Android用fixed，基本可以完美实现。尽管写起来并不太开心，因为对于fixed还要监听滚动事件。其实也还好，人要知足，
pujiaxun·2023-03-11 17:53

Android 适配方案ScreenMatch

1dp=1sp=1px，但如果使用px作单位，如果屏幕大小不变（假设还是3.2寸），而屏幕密度变成了320。那么原来Text
孤独的根号十二·2023-03-11 02:56

2019-03-28 26作业外部样式表

body{margin:0auto;width:310px;}.a1{padding:1px;margin:0;border:0;width:308px;height:477px;background:
圣召唤·2023-03-10 13:56

右键自定义菜单多个循环

margin:10px;float:left;line-height:30px;text-indent:1em;}#menu{width:150px;border:1pxsolidblack;border:1px
叫我亮王·2023-03-09 19:38

postcss-pxtorem插件是如何把px转成rem的？

16px，那么对所有的px换算规则就是：y=x/16rem：/**input*/h1{margin:0020px;font-size:32px;line-height:1.2;letter-spacing:1px
相遇一头猪·2023-03-08 22:41

css html 45度角箭头,纯css实现带拐角方向流动箭头

HTML代码：CSS代码：/*向右流动箭头*/.pipeline_right_arrows{width:100%;height:6px;/*图片height为4px，上下border各为1px*/border-top
博书老师·2023-02-21 11:23

快速上手better-scroll

需完成纵向的排版HTML:contentcss://包裹盒子.wrap{height:100%;>div{min-height:100.1%;//以防内容太少，导致滚动失败，可以通过js获取父元素高度+1px
贝程学院_前端·2023-02-17 23:14

2023最新前端面试总结

如何解决1px问题？1px问题指的是：在一些Retina屏幕的机型上，移动端页面的1px会变得很粗，呈现出不止1px的效果。原因很简单——CSS中的1px并不能和移动设备上的1px划等号。
·2023-02-07 08:06

导航栏返回按钮

implementationCustomNavigationVC(void)viewDidLoad{[superviewDidLoad];[self.navigationBarsetShadowImage:[UIImagenew]];//导航栏下方1px
橡树花香·2023-02-07 05:27

Android studio .9图片报错

使用.9图片编译报错：foundaninvalidcolor网上说是因为.9图片没有黑色边框线导致的，点击图片放大是有黑色边框线的image.png选择勾选图中的区域，然后关闭图片，就可以正常build
tmyzh·2023-02-06 13:32

屏幕适配

CSS中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS中的1px所代表的物理像素是不同的。
北冥有鱼_425c·2023-02-05 00:15

移动端1px解决方案border.css

@charset"utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft{position:relat
楠楠_c811·2023-02-02 01:07

解决flexible.js 在安卓中1px问题

1.Flexible原理1.1设置viewport通过设置scale将viewport宽度设置为实际的设备物理宽度,css里的1px就等于实际物理设备1px。
wur1·2023-02-01 16:38

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

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

看到一种css实现圆角的方法

大致思路是使用不同宽度的1px直线达到
LOHAS范大喜·2023-01-31 09:16

iview table 样式

ivu-tabletd背景默认为白色，下边框默认为1px背景为白色tr.ivu-table-row-hovertd鼠标放在莫一行上面默认为类似白色的#ebf7ff.i
兰夏天·2023-01-31 05:02

单选框与复选框对齐问题

截图示例解决方案方案一input[type="radio"],input[type="checkbox"]{vertical-align:middle;margin-top:-2px;margin-bottom:1px
solfKwolf·2023-01-31 01:41

IOS safari浏览器iframe撑大兼容等记录

以下两种解决办法：1、设置样式和属性“width:1px!important;min-width:100%;"scrolling="no"”优点简洁方便
Imjeef·2023-01-30 15:40

css 增加一个模糊遮罩效果

image.pnghtmlcss.zhezhaox{position:relative;padding:1px;.zhezhaox2{position:absolute;top:0;left:0;right
轩辕夜空·2023-01-29 05:52

设计小程序时注意事项

在750*1334的设计稿里，1px=1rpx。如果你心疼你的开发小哥哥，让他少掉点头发，设计稿用750*1334的尺寸。但如果你的开发小哥哥
Guan官官·2023-01-28 23:24

技术面经

什么是BFC，BFC有什么作用列举你所知道的所有水平垂直居中的方法flex:1是哪些属性的缩写，flex-glow,flex-shrink,flex-basis都分别有什么作用em和rem区别响应式怎么做1px
勃王·2023-01-27 23:44

引入reset.css

把reset.css和border.css粘贴到此：reset.cssmain.js中引入main.js其他相关项目地址浏览器默认样式、1px边框问题、css预编译
Ewall_熊猫·2023-01-27 05:07

移动端适配

前言：这周工作碰到了移动端1px的问题。以前一直写样式也没有特别注意着一点。还有就是rem的原理。这些其实就是比较常见的移动端适配问题。现阶段比较主流的适配方案有二种。
奋斗的香蕉·2023-01-26 13:24

WeChat 如何理解rpx

rpx小程序会自动在不同的分辨率下进行转换，而使用px为单位则不会UI同学给我们的视觉稿一般是以i6为标准进行设计的，i6的逻辑像素为375*667pt，视觉稿为物理像素750*1334px，其转换关系为1px
Nian糕·2023-01-26 03:00

2019/3/27-人机交互实验五

首先是最上面的栏菜单，position:fixed;top:1px;对菜单栏进行渲染，使这一个div始终距离顶部一个像素的距离。
叶可剑·2023-01-26 03:51
上一页 6 7 8 9 10 11 12 13 下一页