rpx

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案1.需求背景最近在开发基于uniapp开发的微信小程序，使用了webstorm开发工具，但是次开发工具不支持uniapp的css
木屋x·2023-04-09 08:01

iphoneX底部安全区域适配

safe-area-inset-bottom是不行的，至少我试了不行，必须两个一起加.bottom{width:100%;position:fixed;bottom:0;background-color:#fff;padding:10rpx32rpx10rpx
真是个非常帅气的昵称呢·2023-04-09 06:15

微信小程序解决 text 设置行高 line-height 无效的问题

效果图哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈//xxx.wxss.view-text.text-content{font-size:32rpx;}.view-text{line-height
chenxuxu·2023-04-08 13:51

webstorm开发uniapp时rpx单位问题

痛点：使用webstorm开发小程序或者uniapp时，无法识别rpx单位报红，格式化后会在数值与单位之间添加空格下载插件.png配置插件.png配置后rpx就不飘红了.png使用webstorm自带格式化
码码虎呼·2023-04-08 11:50

微信小程序的轮播图

html部分css部分.wrap{height:auto;position:relative;}.swiper{width:100%;height:560rpx;}.slide-image{width:
释怀Believemin·2023-04-07 19:27

微信小程序布局、功能实现、常用组件、云开发汇总

1.基础知识小程序中，不需要主动来引入样式文件；尺寸单位rpx根据屏幕宽度进行自适应，规定所有屏幕宽为750rpx；以前用的px像素，最好改成rpx，百分比也可以；1.1框架介绍1.2组件介绍text相当于
CodeLuweir·2023-04-07 12:53

微信小程序拍照加水印

根据上次1.wxml代码：因为拍照要到指定位置显示，这里的canvas我想隐藏，就用了css：position:fixed;left:10000rpx。
sq yang·2023-04-07 11:47

微信小程序学习笔记

小程序宿主环境包含的内容2.小程序-模板与配置2.1使用WXML模板语法渲染页面结构2.1.1数据绑定2.1.2事件绑定2.1.3条件渲染2.1.4列表渲染2.2使用WXSS样式美化页面结构2.2.1rpx2
栀虞子·2023-04-07 01:25

微信小程序60秒倒计时

index.wxss**/.userinfo{display:flex;flex-direction:column;align-items:center;}.section{display:flex;margin:16rpx
laozuo2·2023-04-06 21:14

小程序实现商品数量加减

又来啦~~~~~效果页面：image-{{count}}+/*pages/home/home.wxss*/.jisuan{width:150rpx;height:50rpx;display:flex;justify-content
skydot·2023-04-06 19:06

微信小程序 Map的简单使用

map.wxmlmap.wxss.map{width:100%;height:500rpx;}map.jsconstapp=getApp()Page({data:{scale:18,latitude:"
周南城·2023-04-06 07:45

微信小程序-横向滑动scroll-view隐藏滚动条

wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width
神木惊蛰·2023-04-05 20:07

微信小程序里面如何使用svg图片

svg代码贴到下图中红线圈起来的位置,会自动转成base64,然后将base64代码部分复制下来放到浏览器里面打开,可以看到结果.最后在小程序里面使用,如下支付.back.image{width:19rpx
榴莲不好吃·2023-04-02 06:55

微信小程序自定义checkbox 样式

wxml结构如下{{item.name}}微信小程序重置checkbox的样式/*checkbox整体大小*/checkbox{margin:0;padding:0;width:40rpx;height
Joan_King_·2023-04-01 23:39

day02-微信小程序基础(wxml+wxss)

rpx尺寸单位：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5
姑苏_慕容博·2023-04-01 14:42

微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法

项目中，轮播图原本的直角觉得不够美观，于是设置了圆角border-radius:10rpx;，但是会出现一个bug就是，滑动过程中先显示的直角，等滑动一整张之后才会变成圆角。
肉肉要次肉·2023-04-01 11:33

uni-app css尺寸单位rpx介绍

一，前言1.在使用uni-app开发小程序时支持的尺寸单位如下（1）基础单位：px，rpx（2）h5单位：rem，vm，vh2.rpx是微信小程序提出的一种响应式px二，rpx介绍1.现实情况下，ui设计师只提供一个分辨率的图
笔记诗人·2023-04-01 11:33

【小程序】开发需要注意的地方（一）

规定屏幕宽度为750rpx，在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750
空城皆是旧梦·2023-03-31 22:56

小程序人脸打卡开发

face-camera/index.wxss/*pages/jobs/moving-clock/sign/comp/face-camera/index.wxss*/.camera{/*width:480rpx
Biao_349d·2023-03-31 15:32

微信小程序实现列表左右滑动

1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度，利用rpx特性（自适应屏幕），默认iphon6就是750rpx，只要设置大于等于
野西大人·2023-03-31 05:56

栅格布局基础样式

/*栅格布局基础样式*/.container{display:block;margin:0rpx;}.row{display:flex;font-size:28rpx;}.col>.col-1,.col
微little·2023-03-30 09:40

小程序面试题

是框架设计的一套标签语言，结合基础组件，事件系统可以构建出页面结构wxss样式文件js脚本逻辑文件json配置文件wxss和css的区别wxss背景图片只能外链或者base64使用@import相对路径引入外联样式尺寸为rpx
play_0·2023-03-29 23:59

安卓前端开发中的几种常用框架

wxml全部正在拍我拍中待付款.wxssPage{}.swiper-tab{background-color:#fff;width:100%;text-align:center;line-height:60rpx
weixin_30726161·2023-03-28 19:16

【微信小程序】WXSS和全局、页面配置

文章目录一，WXSS1.1rpx尺寸单位1.2样式导入@import1.3全局样式二，全局配置2.1属性三，页面配置一，WXSS首先我们先介绍一下wxss，wxss是微信小程序独有的模板样式，它类似于web
前端小刘不怕牛牛·2023-03-28 16:45

小程序学习之旅

1，只有用标签包围的字体才可在小程序中被长按选中2，图片长宽高用rpx，建议设计师用iphone6的尺寸来做效果图，750个像素、3，css样式考虑大局观，否则会有代码断层的问题。
卡大叔·2023-03-28 00:25

记录小程序开发中的一些坑和技巧

例如：icon组件的size属性从2.4.0基础库开始支持rpx属性。如果用户客户端基础库小于这个版本，就会出现无法显示的问题，从而
koppp·2023-03-27 21:45

解决使用WebStorm 编写微信小程序时rpx前出现空格，小程序使用scss

先祝大家新年快乐。感谢医疗前线同志！！响应号召蹲在家里，更新一篇webstorm使用技巧在使用微信开发者工具写小程序的时候感觉很烦，因为常年使用webstorm所以这里记录一下配置webstorm的过程解决webstorm里wxml，wxss的报错问题webstorm内的代码提示微信小程序使用scss问题以下的截图是本人计算机的，webstorm版本2019.3WxappSupport首先我是使用
时光遣散故人_·2023-03-25 16:48

微信小程序简历遇到的问题总结

center;background-size:cover;可以设置背景图片的不变形显示和内容居中背景图上显示文字内容很不清楚，可以用为元素添加一个灰色蒙版，在用白色文字就可以清楚显示text-indent:20rpx
lihuran1998·2023-03-25 12:24

小程序scroll-view展示图片和预览图片

wxss部分：.box-sv{width:700rpx;padding:20rpx0;height:133rpx;white-space:nowrap;margin:3%auto}.box-svimage
WindyMing·2023-03-25 05:09

一个小程序计算器

index.wxml计算金额：\n计算\n重置\n计算的结果为：{{count}}index.wxss.page{margin-top:40rpx;margin-left:40rpx;margin-right
LU7IN·2023-03-24 19:53

微信小程序计算scroll-view的高度

组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。微信开放文档编写WXML，项目上将这段作为template：商品描述-手机吧啦吧啦￥1399.00这时候我们需要在对应的js中去
蝴蝶结199007·2023-03-24 08:33

小程序面试题

初识小程序1.注册小程序App()getApp()2.微信开发者工具3.小程序与普通网页开发的区别4.小程序尺寸单位rpx1rpx=0.5px5.样式导入（WeUIfor）ext-class属性6.选择器
HazelZhen·2023-03-23 18:11

微信小程序渲染bug

1rpx边框渲染不完全解决方法：触发gpu渲染讲边框改为2rpx；当一个页面有很多iconfont图标时，部分icon有色差解决方法：触发gpu渲染使用html结构时，兄弟div设置的text-indent
Yinzhishan·2023-03-23 17:45

移动设备的分辨率和rpx

从一张设计图的实现说起为什么模拟器下iPhone6的分辨率是375，而设计图一般给750？pt也称为逻辑分辨率pt的大小和屏幕尺寸有关系，简单可以理解为长度和视觉单位px指物理分辨率，和屏幕尺寸没有关系。点没有大小之说1个pt可以由一个px构成，也可以有两个，还可以有三个甚至更多iPhone6下2个px才构成一个pt如何做不同分辨率设备下的自适应？以iPhone6物理像素750X1334为视觉稿进
Youth_yang·2023-03-22 15:25

微信小程序实现横向滚动文字

滚动文字.tip{height:34px;padding:0px24rpx;background:#FFF2F2;color:#FE1D2D;font-size:26rpx;display:flex;align-items
春春_33f1·2023-03-21 22:32

微信小程序（一）

.-）小程序左右互联进阶一、左右互联的关键技术：(1)小程序wxss中使用rpx，而js中scrollTop获取到的值是px，所以存在rpx转px的问题。
写bug我是专业的·2023-03-21 14:14

动画-水球图

relative;background:linear-gradient(180deg,#8BC0FF0%,#ABD1FF);background:#69AEFF;box-shadow:0px1px16rpx0px
一枚小菜·2023-03-20 20:07

微信小程序-组件-scorllview

1529893754831.jpg1.纵向滚动verticalscrollclickmetoscroll.page-section{margin-bottom:20rpx;}.flex-wrp{display
千弥·2023-03-20 05:59

2018-07-19 wepy生成小程序 横向tab

上文件#健康情感职场育儿纠纷青葱全部其他欢颜知名情感博主1个回答，2人听过问TA.tab-h{height:80rpx;width:100%;box-sizing:border-box;overflow
GeeFib·2023-03-20 00:29

微信小程序 swiper指示点 修改位置 形状

image.png.wx-swiper-dots{position:relative;left:50%;top:350rpx;}.swiper.wx-swiper-dot{height:5rpx;width
徐福瑞·2023-03-19 23:22

小程序文字右上角加红点

文本.add-dot{position:relative;}.add-dot::after{content:'';position:absolute;right:-8rpx;top:-3rpx;width
易水寒兮风潇潇·2023-03-19 14:53

WebStorm小程序开发，格式化样式文件时rpx前被添加空格的问题修复

问题：使用WebStorm开发微信小程序，格式化样式文件时，带rpx的值格式化时总被空格分开，导致小程序样式错误环境：macOSWebStormWePY解决方案：尝试修改WebStorm格式化代码的配置
Duzling·2023-03-19 03:29

uni-app中常用的标签和样式

标签：{{title}}不允许选中中文空格解析手按下去的样式按钮按钮按钮样式：屏幕宽度750rpx：.text-area{width:750rpx;height:750rpx;background:red
五四青年_4e7d·2023-03-18 12:01

微信小程序-rpx与px

小程序中定义了新的尺寸单位rpx，可以根据屏幕宽度进行自适应wx小程序规定屏幕宽为```750rpx```同样100vw也是屏幕宽1vw=7.5rpx设备rpx=>px(pw/750)px=>
董_79c4·2023-03-17 15:03

做为UI小程序你知多少？

主要从以下两点来介绍～～1.设计环境1.微信小程序尺寸单位为rpx，可以根据屏幕宽度进行自适应（什么是rpx呢?
闫小娇·2023-03-16 21:47

canvas文字绘制自动换行

varthat=this;varproductName='产品名称产品名称产品名称产品名称';//产品名称//自适应手机宽度letrpx=0;wx.getSystemInfo({success(res){rpx
默许mx·2023-03-16 19:06

WebStorm开发小程序之配置

wxss文件rpx去掉波浪线屏幕快照2020-02-2511.07.12.png解决办法：鼠标移动到波浪线位置，mac笔记本上使用option+enter屏幕快照2020-02-2511.09.06.png
Llianhua·2023-03-16 04:42

css 小程序

iconfont.activity-item-icon{background:linear-gradient(180deg,#6489970%,#9AC8DB100.4%);line-height:1;font-size:66rpx
Enter_Y·2023-03-15 05:09

微信小程序倒计时验证码弹框

dialog-vccode.jsComponent({properties:{//输入框的数量inputLength:{type:Number,value:4},//单个输入框的宽度inputWidth:{type:String,value:'58rpx
第七个佩恩·2023-03-14 13:52

二、微信小程序-快速回顾 ( 页面文件 )

页面渲染常用指令3.2.1.数据绑定-mustache语法3.2.2.条件指令-wx:if3.2.3.循环指令-wx:for3.2.4指令搭配结构块标签-block三、页面样式文件-wxss1.响应式像素单位-rpx2
三叔笔记·2023-03-14 09:53
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他