<html>
<style>
html {
font-size: calc(100vw / 7.5);
}
body {
margin: 0;
}
.div1 {
width: 7.5rem;
font-size: 0.32rem;
height: 1rem;
background-color: #fd5757;
font-weight: bold;
color: white;
text-align: center;
line-height: 1rem;
}
</style>
<body>
<div class="div1">div1 width = 7.5rem</div>
</body>
</html>
开发网页的时候，最烦的就是多端无法做到统一单位，通过以上代码可以有效解决该问题。
该示例可以动态设置html的font-size大小，故可得出：
屏幕宽度：7.5rem = 750 * 0.01rem
因而实现小程序端代码将rpx单位换位0.01rem即可原样输出
开发网页的时候，最烦的就是多端无法做到统一单位，通过以上代码可以有效解决该问题。 该示例可以动态设置html的fo...
适用于uni app，微信小程序，网页端
小程序扫码登录指使用Authing小程序身份管家在网页端或其它客户端执行微信登录，目前的SDK仅支持客户端Java...
背景介绍： 部门近期准备上线微信小程序，客服端部分页面的分享将从网页改成小程序，由于官方文档的模糊，我们的小程序又...
小程序服务端会涉及到获取小程序用户openId等功能，记录一下常用的工具类。以便后续使用。 小程序工具类 上方使用...
以上是小程序和app的对比表。 一、开发语言 app在ios使用swift，安卓端使用java。而小程序由网页技术...
众所周知，目前的移动互联网端都在小程序市场的笼罩之下，百度的工具类智能小程序，支付宝的支付类和金融类小程序，微信的...
小程序使用jsencrypt对参数进行aes加密，在手机网页端可以正常使用，在小程序项目安装后使用报错。由于jsn...
Java 中基本类型和包装类之间的转换 在网页中运行java程序成为applet 。 java方法参数的使用情况 ...
判断客户端设备 判断不同浏览器环境 微信环境中的网页，还是小程序
本文标题：网页端类小程序转换0.01rem=1rpx
本文链接：https://www.haomeiwen.com/subject/zkkptctx.html
网友评论