rpx 第6页

CSS——给 div 设置显示效果小于 1px 宽度的边框

.boxtext{color:#2298fc;padding:5rpx10rpx;}.boxtext.borderB{position:relative;}.boxtext.borderB:after{

BetterGG·2023-11-13 00:26

微信小程序使用 checkbox 如何修改样式？

wx-checkbox-input用于设置未选中时框的样式checkbox.wx-checkbox-input{width:32rpx;height:32rpx;border-color:#

June·DD·2023-11-11 23:51

CSS 单行/多行文字溢出省略号显示

效果图：>>>>单行省略号隐藏：width:500rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;踩坑：如果不设置宽度，flex

除了si啥都吃·2023-11-10 23:34

css卡片滑块

width:100%;.card-content{display:flex;overflow-x:auto;width:100%;.card-item{position:relative;width:410rpx

web前端妹子·2023-11-10 22:49

uni-app 常见问题及解决方法

ifdefH5console.log("H5会执行此段代码")//#endif（3）.view条件编译2.H5底部tabBar遮挡部分内容padding-bottom:calc(var(--window-bottom)-2rpx

会飞的猪~~·2023-11-10 19:28

微信小程序倒计时功能

wxnl代码{{obtainCode}}wxss代码.fr{width:100%;height:50rpx;line-height:50rpx;border-bottom:2rpxsolidblack;

微齐天大圣.·2023-11-10 08:17

微信小程序rich-text里面写单行溢出显示省略号在ios中不显示的问题

nameClass{width:430rpx;font-size:30rpx;font-weight:bold;text-ali

棒怡情·2023-11-10 05:38

小程序弹窗

fixed;top:0;left:0;z-index:90;background-color:#000;opacity:0.5;}//弹窗大小样式.windows{width:84%;height:650rpx

aう风风·2023-11-10 01:04

小程序制作（超详解！！！）第十五节自动随机变化的三色旗

2.index.wxml变化的三色旗改变颜色3.index.wxss.flex-wrp{margin-top:50rpx;display:flex;flex-direction:row;/*水平方向*/

陌柒2333·2023-11-10 00:56

微信小程序使用canvas绘制网络图片，使用canvas将图片变成圆形

前两句是关键#myCanvas{position:fixed;left:100%;/*visibility:hidden*//*visibility:hidden;*//*margin-top:100rpx

改行不做程序员了·2023-11-08 09:42

在微信小程序里使用rpx，被坑了｜不同设备表现不同

补给资料管注公众号：码农补给站小小需求实现一个Tooltip，就是那种很简单有一个按钮，按一下就会出现或消失气泡的组件，就是下面这个效果。放个按钮、加个点击事件、做好气泡的定位好像就搞定了。然鹅，事情没有发展的这么顺利。开发组件结构按照上面说的过程，放好按钮，添加好点击事件。比较复杂的地方就是处理气泡的定位，气泡需要进行绝对定位，让它脱离文档流，不能在隐藏或偏移的时候还占个坑（需要实现那种浮动的效

程序员辰风·2023-11-08 06:46

px、rpx、em以及rem的区别与用法

px和rpx是尺寸单位，在网页开发中常用，而em和rem是字体尺寸单位，在网页开发和移动端开发中常用，下面分别介绍一下它们的区别和用法：px：像素，是绝对单位，不会随字体大小变化而变化，像素值越大，元素越大

m0_黎明·2023-11-07 05:35

ActiveReports.NET 16.2RPX 部分报告的完全支持

ActiveReports.NET16.2RPX部分报告的完全支持WebDesigner中的RPX部分报告-用户现在可以在WebDesigner中完全创建、编辑和查看RPX部分报告。

SEO-狼术·2023-11-07 04:32

微信小程序修改样式弹框wx.showModal

wx.showModal修改样式后的效果，如下图所示：index.wxml代码：弹窗添加数量取消确定index.wxss样式代码：/**index.wxss**/.show-btn{margin-top:100rpx

向前有光·2023-11-06 10:36

微信小程序模拟wx.showModal封装弹框组件

一、组件的wxml弹窗我是封装的弹框封装的弹框取消确定二、组件的wxss.show-btn{margin-top:100rpx;color:#22cc22;}.toast-mask{width:100%

修复bug·2023-11-06 10:05

微信小程序分享自定义图片

function(options){letthat=thiswx.getSystemInfo({success(res){console.log(res.windowWidth)that.setData({rpx

余檬哒·2023-11-05 23:13

uni-app-地图中心设置图标-获取坐标

1.在地图中加入一个自己需要的图标，一般使用图片，定位方便2.设置样式注意，最好把定位点放在地图中心，方便获取坐标.mapCenter{ width:60rpx; height:60rpx; position

Phil__ming·2023-11-05 20:43

单位 px/em/rem/vw/wh/%/vm/rpx

一、单位1.px(pixel)像素px就是一张图片最小的一个点，比如电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。缺点是没有弹性2.em参考物是父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。3.remcss3新单位，相对于根元素html（网页）的f

Lizzy_069f·2023-11-05 15:54

Flutter学习-屏幕适配

屏幕适配1.Flutter的单位1.1Flutter中的单位1.2Flutter的设备信息1.3在程序开始时获取设备信息1.4官网提供三方库获取设备相关信息2.适配方案2.1常用的适配方案2.2rpx适配目前移动端设备非常多

GY-93·2023-11-04 08:33

css文字展示指定行数，超出隐藏

.name{font-size:28rpx;line-height:50rpx;overflow:hidden;/**隐藏超出的内容**/word-break:break-all;text-overflow

德德de_前端攻城狮·2023-11-03 21:05

css内容超出不显示省略号

width:79%;font-size:28rpx;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:#209FD6;overflow

早上不想起_·2023-11-03 02:18

uniapp文章图片预览效果

-->.profileDetail{line-height:48rpx;margin:20rpx0;.picList{width:100%;display:flex;.u-image{flex:1;margin

qq_Girl200·2023-11-02 02:52

uniapp原生导航栏添加下边框

1、方法一：通过全局样式添加page::before{content:'';position:fixed;left:0;top:0;width:100%;height:2rpx;background-color

qq_Girl200·2023-11-02 02:51

遍历一遍新的小程序文档，查看界限

wxss:rpx单位无法实现严格的计算，基本上是一样的，我们并没有什么办法处理，目前也没出过问题。rpx偏差异步多数API的回调都是异步，你需要处理好代码逻辑的异步。那么什么是异步呢？

王月_92f2·2023-10-31 22:40

13 | 小程序实战之意见反馈

你如果想自己自定义一个意见反馈界面可以看看这篇文章，可以上传图片的哟13.1效果13.2静态页面问题的种类功能建议购买遇到问题性能问题其他+提交page{background-color:#eeeeee;}.fb_main{padding:20rpx

༺鲸落༻·2023-10-31 06:38

uniapp 单位rpx ，设计稿尺寸px处理方式

1.使用postcss-px2rpx插件做全局的单位转换npminstallpostcss-px2rpx-Dnpm安装2.postcss.config.js修改module.exports={plugins

小吴头大·2023-10-31 05:19

【微信小程序】WXML的模板语法与WXSS模板样式

WXML的模板语法数据绑定小程序常用事件事件对象的属性列表条件渲染WXSS模板样式wxss和css的关系rpx样式导入全局配置tarBar页面配置WXML的模板语法数据绑定数据绑定的基本原则（1）在data

糖^O^·2023-10-29 10:08

微信小程序 switch 开关自定义大小样式、背景颜色

/*swtich整体大小*/.wx-switch-input{width:100rpx!important;height:57rpx!

黑睿·2023-10-29 08:07

微信小程序progress实现积分、等级条

1、圆角柱形条的样式实现，光给组件写上border-radius:60rpx是不行的，千万不能忘记overflow:hidden；正确的css写法为.prostyle{border-radius:60rpx

萌弈·2023-10-29 06:02

uniapp+uview1实现本地图片上传

2.css代码.pic{.pic_top{margin:10rpx0;font-size:30rpx;display:flex;align-items:center;

JJ_Smilewang·2023-10-29 06:56

上传多组图片

多组图片.pngaxml申请材料*{{item}}acss.content{/*width:100%;*/box-sizing:border-box;margin-bottom:30rpx;padding

南崽·2023-10-28 23:53

uniapp开发小程序小米手机真机bottom:0无效底部间隙设备安全区域处理办法

uniApp自定义导航CSS设置bottom:0竟然无效，而iphone和开发模拟器没有问题height:150rpx;position:fixed;left:0;right:0;bottom:calc

xyphf_和派孔明·2023-10-28 12:13

uniapp开发app，在ios真机上出现的css样式问题

问题一：border:1rpx造成边框显示不全在iphone13上border边框有一部分不显示：在iphonexR上显示正常：解决办法是：将border边框设置中的1rpx改为1px，1rpx无法被有效识别为

D_lunar·2023-10-28 00:18

微信小程序开发手机商城部分代码（不包括支付功能）

1.搜索框(searchinput)#wxss.search_input{height:90rpx;padding:10rpx;background-color:var(--themeColor);}.

雾止不见君·2023-10-27 20:30

uniapp使用css方法来实现盒子的放大再到缩小动画

{}},methods:{}}.content{position:relative;width:100%;height:100vh;}.largen{position:absolute;top:770rpx

荀鼠不是·2023-10-27 11:34

rem、em、px、rpx、vw、vh、%等

rem含义rem是CSS3的新标准，也是相对的长度单位。值是相对于根元素的字号大小来说的。根元素的字号大小为20px时，某个子元素的宽度为8rem，即为20x8=160px作用主要是为了用于移动端屏幕适配。一般情况下，移动端的UI设计稿有640px和750px两种宽度，想要适配多种情况下的屏幕，就必须使用相对单位，而rem就是最好的选择。媒体查询先使用媒体查询，判断屏幕大小，再将屏幕宽度均分640

前端SkyRain·2023-10-26 14:32

【前端基础】整理常见的单位 px em rem % vw vh vmin vmax rpx

基本单位单位计算方式简介px标准像素优点兼容性最好，缺点没有弹性，对于过大过小屏幕显示效果不好emfont-size元素大小1em等于font-size的大小（font-size默认为16px）不常用，利用font-size属性可以继承的特点。remhtml元素大小1rem等于html的大小，如html大小为100px，0.1rem就等于10px，常用。%父元素大小常用，很好理解，父元素的百分比。

-Microdust·2023-10-26 14:00

css overflow-x: scroll 滚动不展示/隐藏滚动条 /如何滚动

overflow-x:scroll实现滚动效果.scroll{width:300rpx;height:100rpx;//超出部分隐藏overflow-x:hidden;//禁止换行white-space

桃雾..·2023-10-26 14:00

css中px、em、rem、%、vw、vh、vm、rpx 这些单位的区别

序言px：像素相对长度单位，相对于显示器屏幕分辨率(推荐使用)em：相对长度单位基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。vw：viewpointwidth，视窗宽度，

曦月合一·2023-10-26 14:25

微信小程序：点击按钮出现右侧弹窗

fixed;top:0;right:0;bottom:0;width:90%;background-color:#fff;z-index:9999;border-bottom-left-radius:15rpx

雯0609~·2023-10-26 02:25

小程序去掉默认button样式

important;font-size:28rpx;padding:0;background-color:#fff!

郭玉齐·2023-10-25 12:01

微信小程序改变swiper指示点颜色形状位置

important;top:460rpx;}.wx-swiper-dot{height:12rpx;width:12rpx;}/*选中前*/.wx-swiper-dot{width:12rpx;height

郭玉齐·2023-10-25 12:01

小程序 swiper滑动层叠滑动效果

区域为展示区域，数字2为下一个展示模块{{item}}{{orderTip[orderIndex+1]}}.h_od_swiper{/*border:1rpxsolidblack;*/width:450rpx

郭玉齐·2023-10-25 12:23

css模糊背景

width:100%;height:140rpx;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(rgba(255,255,255,0

Dread_lxy·2023-10-23 23:38

uni-app 小宠物 - 会说话的小鸟

在template中在style中.container{$overall:#0097d9;//整体背景//眼睛部分$eyeBoxShadow:8rpx16rpx10rpxrgba(0,0,0,0.2);

UserGuan·2023-10-23 21:26

2018-07-11 小程序轮播指示点样式修改

swiper.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx;}swiper.wx-swiper-dot{width:40rpx;

红烧牛腩·2023-10-23 13:46

微信小程序：纵向步骤条

vant-weapp组件的图标组件wxml代码第{{item.text}}期供应实供时间：{{item.plan}}应供时间：{{item.desc}}wxss代码.stepBox{padding:8rpx32rpx32rpx16rpx

ruoyan8899·2023-10-23 10:38

小程序用vScode使用less

设置里面的settings.json文件添加"less.compile":{"outExt":".wxss"}calc(100vh-90rpx)如果是less那么就是height：～"calc(100vh

晨曦景雪·2023-10-23 07:20

微信小程序radio自定义样式

效果图image.pngradio样式guanfang官方文档样式定值记录检查记录wxs样式/*未选中的样式*/radio.wx-radio-input{width:35rpx;height:35rpx

余檬哒·2023-10-23 07:55

搞个微信小程序002：个人信息

：男特长：编程爱好：佛法，中医index.wxss:/**index.wxss**//*头像区域的样式*/.top{background:#0a87ec6e;width:100%;padding:30rpx0

搞IT的锋·2023-10-22 16:23

推荐频道

rpx