1px

移动端适配

前言：这周工作碰到了移动端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

div之间出现空隙的解决方法

解决方法：在后面一个div里设置padding-top：1px。只要大于0都可以，甚至0.1也行。不知道原理。
what-to-say·2023-01-24 20:02

tabWidget设置为透明并保留边框

tabWidget设置为透明并保留边框的方法：ui->tabWidget->setStyleSheet("QTabWidget:pane{border:1pxsolidblack;top:-1px
ge2ming·2023-01-14 18:05

【HTML】简洁版的注册界面

注册/*单选按钮自定义颜色*/input[type='radio']:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px
赤焰梦·2022-12-22 22:16

pyqt5-布局管理入门

1.绝对布局开始按钮左上角距离主窗口左侧为426px，上侧为1px，这里的1px时是相对于布局而言，但是geometry是绝对布局，控件宽度是100px，高度是100px。
Kun Li·2022-12-17 16:31

HTML——表格

实现的效果如下：姓名语文数学李四9095第2关：表格的属性——宽、高本关任务：创建一个表格，设置它的宽为100%，高为200px，边框为1px，内容和效果图展示的一样。
Meropidae·2022-12-02 11:57

微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）

        开始    结束  3.wxss文件代码.yuyinWrap {  position: relative;  margin-top:300rpx;}.yuyinCon {  border: 1px
临沂码农王老七·2022-12-01 22:12

JupyterLab改变字体方法（ 内容、markdown、代码、输出、UI字体，JupyterLab版本3.0.12）

Settings->JupyterlabTheme，生成themes.jupyterlab-settings文件Settings菜单JupyterlabTheme子菜单可改变字体大小，每次修改字体幅度为1px
mighty13·2022-12-01 19:54

OpenCV-Python学习（11）—— OpenCV 图像几何形状绘制(cv.line、cv.circle、cv.rectangle、cv.ellipse)

thickness表示绘制直线的粗细，默认值1px，-1表示内部填充
Rattenking·2022-11-23 19:15

css设置滚动条样式

废话不多说，直接上代码1：设置全局滚动条样式::-webkit-scrollbar{/*滚动条整体样式*/width:4px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}::-webkit-scrollbar-thumb
겐호 3·2022-11-22 04:00

Python opencv学习-4在图片上用鼠标绘制矩形区域、绘制矩形框、曲线等

未看明白如何获取到的初始坐标和结束坐标，x,y从哪获取的值importnumpyasnpimportcv2drawing=False#鼠标按下为真mode=True#如果为真，画矩形，按m切换为曲线ix,iy=-1,-1px
一头秀发的假程序猿·2022-11-21 22:09

使用 JS 脚本实现网页全自动秒杀抢购功能

background-color:black;}#hOne{color:white;font-size:50px;font-family:PingFangSC-Regular,sans-serif;line-height:1px
myhuisir·2022-11-17 09:10

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

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

16-CSS3

我们可以通过背景图片来做，像这种规则渐变图片，可以切1px像素的图片进行平铺，那种不规则图片只能引用整张图片，每次修改都很麻烦，需要设计改图；所以通过图片来实现渐变，可拓展性差，还影响
故事予你·2022-09-21 18:56

JavaScript懒加载与预加载原理与实现详解

什么是预加载2.2、为什么要使用预加载2.3、实现预加载的方法1、懒加载1.1、什么是懒加载懒加载也可以叫做延迟加载，当访问一个页面的时候，先把img元素伙食其他元素的背景图片路径替换成一张大小为1*1px
·2022-09-20 21:46

js 高德地图一些总结

想要瞄点marker都在屏幕内使用AMap.setFitView()华为的一些机子地图加载空白使用map.panBy(1,1);移动1px高德地图js在项目里引入多次时地图可能展示不出来最好全局定义按需引入
懿小诺·2022-09-15 16:15

div hover 时设置 border，出现抖动如何解决？

原因给border时设置了1px边框，多出的这1px，与其它元素产生了挤压，导致div抖动或偏移。
·2022-08-29 21:42

Android屏幕适配方案详解之今日头条方案和SmallestWidth

**dp**（dip）指的是设备独立像素，在不同分辨率和尺寸的手机上代表了不同的真实像素，比如在分辨率较低的手机中，可能1dp=1px,而在分辨率较高的手机中，可能1dp=2px，这样的话，一个100*
尘埃zza·2022-08-29 10:51

CSS3实现文字描边的2种方法

如下图解决方法一首先想到去看CSS3有没有什么属性可以实现，后来被我找到了text-stroke该属性是一个复合属性，可以设置文字宽度和文字描边颜色该属性使用很简单：text-stroke:1px#f00;（1px
前端一枚·2022-08-15 00:46

视口标签viewport

initial-scale初始缩放比//minimum-scale最小缩放比//maximum-scale最大缩放比//user-scalable是否可缩放(yes/no)物理像素/物理像素比//物理像素分辨率//物理像素比1px
咚小喂·2022-08-14 09:03

前端练习--奇奇动漫导航条（通过背景图设置）

目录一、效果展示二、注意三、代码一、效果展示二、注意（1）这个蓝色背景并不是设置了背景颜色，这是背景贴图，并且是高度100px，宽度1px的图片横向重复粘贴（2）这里面三个文字的祖先元素是li，为了能够横向排版
comegoing-归去兮来·2022-08-13 08:03

js给页面添加随机像素噪声背景

这个canvas只用来生成图片，然后循环遍历在canvas里面画1px的矩形，toDataURL自动就转换base64了。如果想要更浅的噪声只要随机数的产生范围。
　星云　·2022-08-09 09:54

JS前端绘图canvas模糊问题示例高清图解

目录缘起模糊的原因1、canvas的大小和css的大小不一致2、当绘制的东西不足1px，会自动补足1px3、受到高清屏的影响结语缘起模糊在canvas中应该算是个经典问题了，相信大家也曾经看过很多相关文章
·2022-08-02 18:45

移动web开发02

所以1px不是1物理像素。物理像素比是2。下载下来，后续使用直接引用就好了。可以改变默认的效果。
dongdongkuang·2022-07-31 17:00

Android技术知识点：如何理解尺寸资源

这些单位相对于160dpi（每英寸点数）屏幕确立，在该屏幕上1dp大致等于1px。在更高密度的屏幕上运行时，用于绘制1dp的像素数量会根据屏幕dpi按照适当的系数增加。
未来码匠·2022-07-07 16:00

css inset属性妙用

举个例子：inset:0;/*等同于`top:0;right:0;bottom:0;left:0;`*/inset:1px2px;/*等同于`top:1px;right:2px;bottom:1px;left
·2022-07-01 19:46

2022-06-22 随笔 巧妙使用 less 函数批量生成class类

@{class}-@{n}{@{attribute}:1px*@n!impor
narcissus灬·2022-06-22 11:17

javascript实现悬浮跟随框缓动效果

运动函数内部，调用定时函数，在定时函数内部，先求出元素位置与目标位置的距离差，然后除以一个数值作为速度（由于距离差一直在缩小，所以速度值也一直在变小，从而达到缓动效果）3、由于网页上位置设置最小单位是1px
·2022-06-20 09:44

移动端1px问题的解决

然后边框设置为1px，再将这整个伪元素的大小缩放设备像素比倍。这样就得到合适的1px。
笑道三千·2022-06-19 18:58

小程序横屏兼容处理

日常小程序开发中，一般设计图尺寸为750*1334px，则在小程序中一般1px直接写为1rpx，当小程序为竖屏（"pageOrientation":"portrait"默认为竖屏）时，根据rpx可以直接还原
樊小书生·2022-06-17 18:50

vue面试题目复习提纲

px单位的名称为像素，它是一个固定大小的单元，像素的计算是针对（电脑/手机）屏幕的，一个像素（1px）就是（电脑/手机）屏幕上的一个点，即屏幕分辨率的最小分割。
撸三发·2022-06-11 20:03

css实现全屏网格效果（斜格）

100%;position:fixed;margin:0;background:-webkit-linear-gradient(45deg,transparent48px,rgb(133,133,134)1px
wyy爱学习·2022-06-09 22:11

网页特效——金钱蓝图（.html）【超级棒的财商思维】

wlzThreepwoodCSS-SpyglassAnimation.cssbody{background-color:#151515;overflow:hidden;}.grid{display:flex;}.guybrush{width:1px
电力系统与算法之美·2022-06-07 14:28

vue 开发 H5 如何做适配

.在index.html文件中加入以下代码:2.先创建两个全局的样式文件boder.css和reset.css分别在main.js中引入添加boder.css,设置1像素边框,防止移动端CSS里面写了1px
cy_南辞·2022-06-06 10:34

九宫格的几种实现

flex-direction:row;}.square{width:43px;height:43px;line-height:43px;border:1pxsolidsilver;margin-right:-1px
·2022-05-25 10:52

移动端适配

而不是每平方英寸上的像素数量，这里指物理像素设备像素和逻辑像素设备像素即物理像素：逻辑像素：这个375*667就是逻辑像素设备像素和逻辑像素不等价的情况：dpr-设备像素比我们css中写windth:1px
·2022-05-17 11:26

Vue ElementUI table实现表格斜线分隔线

VueElementUItable给表格一个斜线分隔线的具体代码，供大家参考，具体内容如下效果：实现：通过改css样式实现1、去掉第一个单元格的下边框/2、第一列第一个单元格和第二个单元格的伪元素设置绝对定位，宽度设成1px
·2022-05-10 09:54

Sass简单封装 高分辨率下 border 1px 美化

https://www.jianshu.com/p/91c...一般写法全边框@mixinborder_1px($color:#dfe0e1){position:relative;&::after{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:200%;height:200%;border:1pxsoli
·2022-05-07 13:03

前端web的点9图效果实现

这里只是一个怕自己忘记写的一个笔记，不是很全很详细，建议还是看官方教程首先直接上代码border-width:1px;border-style:solid;border-image:url("image.png
ape_caesar·2022-04-25 18:22

JavaScript canvas实现加载图片

实现加载图片的具体代码，供大家参考，具体内容如下代码：Usingimage*{/*margin:0;padding:0;*/box-sizing:border-box;}canvas{border-width:1px
·2022-04-13 11:28

Javascript中遇到的问题: 缓动动画函数的封装

JavaScript1.缓动函数-匀速运动2.代码展示3.调用实例来源博客：【Harryの心阁】1.缓动函数-匀速运动在匀速运动的过程中设置每次移动的距离如果大于1px,会使最后的目标位置变大，并且在封装过程中
Harry-iu·2022-04-09 18:51

css实现一个竖线

我的实现.splitLine{width:1px;height:20px;background:#D1D5D9;margin-top:unset;margin-left:18px;margin-right
·2022-04-07 19:48

web前端开发基础知识，一个前端妹子的面试笔记

5.实现不使用border画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果6.title与h1的区别、b与strong的区别、i与em的区别？7.你做的页面在哪些流览器测试过？
「违规用户」·2022-04-03 07:49

CSS重叠解决边框相邻变粗问题

相邻的div，ul，li等元素盒子设置边框后的重叠问题当我们为相邻盒子设置边框的时候会发现边框相邻导致边框变粗解决方法：对浮动的盒子设置margin-left：-1px（-1px像素为边框大小）；使边框向左移
KEPROM·2022-03-31 10:06

滚动加载图片（懒加载）实现原理

通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来
豆i浆·2022-03-27 07:37

懒加载和预加载

当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显
_阿毛·2022-03-27 07:06

element-ui之改变el-switch开关组件的大小

important;height:16px;}.el-switch__core::after{width:14px;height:14px;margin-top:-1px;}.el-switch.is-checked.el-switch
·2022-03-27 00:50

css滚动条

htnml结构...内容css样式#dispatchReportPage::-webkit-scrollbar{/*滚动条整体样式*/width:10px;/*高宽分别对应横竖滚动条的尺寸*/height:1px
小灵儿呐·2022-03-24 12:02
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他