小程序
小游戏
企业微信
微信支付
扫描小程序码分享
复现路径：小程序页面强制横屏"pageOrientation": "landscape"， rpx单位明显过大
问题描述：竖屏状态下 ，屏幕宽度为750rpx，横屏状态下屏幕宽度为竖屏状态下屏幕的高度（大于750rpx），但rpx并未适配，导致显示过大。
预期表现：
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
横屏简单粗暴就是原本100rpx的，现在写成 calc(100vmin / 7.5);
如果是用的框架，可以用scss的，就自己去封装个函数
// 横屏适配 rpx 转 vmin @function vpx($rpx) { //$rpx为需要转换的字号 @return #{math.div($rpx, 7.5)}vmin; } 然后代码里就去写 width: vpx(100); height: vpx(50); border: vpx(1) solid #f5f5f5
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
现在小程序支持横屏了？看起来以后都不要用rpx等比缩放方案了 用响应式设计方案吧
有时候横屏下 rpx 计算仍然按竖屏时的屏幕宽度换算，导致页面里的一些尺寸都错了，有没有解决方案啊
官方直接不解决了吧。得自己算了
有相同问题。rpx单位数值有误差（我的也都是横屏产生的）。离谱的是，调试器中点击样式，变一下数值大小就正常了。我用px ,机型无法适配，用vw,vh好像可以解决。主要是。我这边问题是突然出现的（更新了开发者工具），我更改工作量好大，有人知道问题在哪吗？
麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
<view class="box">
<view class="left">left</view>
<view class="right">right</view>
</view>
page {
width: 100%;
height: 100%;
}
.box {
display: flex;
.left {
flex: 1;
background-color: bisque;
.right {
width: 360rpx;
background-color: chartreuse;
{
"usingComponents": {},
"pageOrientation": "landscape"
你可以自己获取横屏时，实际的展示宽度来计算出对应的px
用px吧，也不知道这算是适配的bug，还是以后就这样了
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
横屏简单粗暴就是原本100rpx的，现在写成 calc(100vmin / 7.5);
如果是用的框架，可以用scss的，就自己去封装个函数
// 横屏适配 rpx 转 vmin @function vpx($rpx) { //$rpx为需要转换的字号 @return #{math.div($rpx, 7.5)}vmin; } 然后代码里就去写 width: vpx(100); height: vpx(50); border: vpx(1) solid #f5f5f5现在小程序支持横屏了？看起来以后都不要用rpx等比缩放方案了 用响应式设计方案吧
有时候横屏下 rpx 计算仍然按竖屏时的屏幕宽度换算，导致页面里的一些尺寸都错了，有没有解决方案啊
官方直接不解决了吧。得自己算了
有相同问题。rpx单位数值有误差（我的也都是横屏产生的）。离谱的是，调试器中点击样式，变一下数值大小就正常了。我用px ,机型无法适配，用vw,vh好像可以解决。主要是。我这边问题是突然出现的（更新了开发者工具），我更改工作量好大，有人知道问题在哪吗？
麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
<view class="box"><view class="left">left</view><view class="right">right</view></view>page {width: 100%;height: 100%;}.box {width: 100%;height: 100%;display: flex;}.left {flex: 1;height: 100%;background-color: bisque;}.right {width: 360rpx;height: 100%;background-color: chartreuse;}{"usingComponents": {},"pageOrientation": "landscape"}你可以自己获取横屏时，实际的展示宽度来计算出对应的px
用px吧，也不知道这算是适配的bug，还是以后就这样了