uniApp开发h5踩坑 px转rpx转rem 1px转2rpx 2倍

项目要求开发h5移动端页面，查看了后续可能会出现的ui设计。不选择使用原生写法写h5，选择了uniApp+vue3来开发h5，高效简洁。由于第一次使用uniApp开发h5，所以挺多坑和报错。

在h5移动端中，结合老ui 来大概估计，选择1px = 2rpx。官网提示upx后期可能会弃用，而h5rpx会转换为rem。所以，在开发配置中配置好转化比例就行了

手动打开工具-设置或者使用ctrl+alt+，打开

这个是我设置的比例，具体根据项目的ui进行换算，换算方法在编辑器中也写得很清楚。当然前提是需要有理解 px rpx rem 的区别和使用的知识点

uniApp开发h5踩坑 px转rpx转rem 1px转2rpx 2倍相关推荐

uniapp 开发总结踩坑和意见
1.前段时间公司需求开发一款专业度的app 因为涉及到标注和模型展示.当时也没考虑什么直接就选择uniapp 进行开发. 2.当我开发的时候发现了一个问题就是没有人用插件写标注工具的时候,我就感觉有点 ...
【golang程序包推荐分享】分享亿点点golang json操作及myJsonMarshal程序包开发的踩坑经历 :)
目录[阅读时间:约5分钟] 一.概述 1.Json的作用 2.Go官方 encoding/json 包 3. golang json的主要操作二.Json Marshal:将数据编码成json字符串 ...
uniapp 开发h5 优化加载速度
uniapp 开发h5 优化加载速度 1.选择manifest.json.点击H5配置.勾选发行时启用摇树优化这个功能可以减少网站体积加快首页渲染速度 2.配置nginx服务器,启用gzip压缩,示 ...
uniapp开发h5微信授权登录(详细教程)
uniapp开发h5微信授权登录文章目录 uniapp开发h5微信授权登录前言一.前期准备--申请测试账号二.正式开发--前端代码三.打包发布总结前言我也是第一次做h5授权微信登录,网 ...
uniapp 开发H5打包微信小程序样式失效的解决之道
使用uniapp开发H5,样式已经按照UI设计稿全部实现.但是在打包微信小程序调试的时候,遇到很多样式失效的问题.问了度娘很久,并没有完全解决样式失效的问题.于是自己按照从度娘上查到的方法去进行组合尝 ...
解决uniapp开发H5时ios无法长按保存图片
在uniapp开发H5时如果遇到生成海报并需要实现长按保存该图片海报如果使用如下代码,在ios手机中无法实现长按保存 <image :src="ewm" @longtap=& ...
keil + STM32CubeMX 开发stm32L0 踩坑
keil + STM32CubeMX 开发stm32L0 踩坑我个人喜欢下载东西全部走官网不喜欢去下别人给的乱七八糟的资源. 原因有二,一.找到头疼,版本说不定还旧.二.病毒,和各种奇奇怪怪的网盘 ...
uniapp开发h5页面，实现背景音乐播放+暂停
背景我们平常见到的h5页面,大多数都有背景音乐,打开页面自动播放,该文教大家如何利用uniapp开发h5,实现内置音乐播放.暂停,以及音乐icon的旋转和暂停动画. 创建音乐对象代码如下: var ...
uniapp——开发微信H5调用jweixin微信js-sdk(uniapp开发H5使用微信扫一扫功能)
小伙伴们,大家有没有开发过网页或者H5等等web页面时候遇到需要调用微信的jweixin.js的呢? 小编在开发过程中遇到了一个问题,因为我的项目是微信小程序内链的H5页面,所以当时我就使用uniap ...

uniApp开发h5踩坑 px转rpx转rem 1px转2rpx 2倍

uniApp开发h5踩坑 px转rpx转rem 1px转2rpx 2倍相关推荐

最新文章

热门文章