HarmonyOS 鸿蒙Next 预览器没有按照designWidth的设置展示正确的lpx大小

HarmonyOS 鸿蒙Next 预览器没有按照designWidth的设置展示正确的lpx大小

问题： 修改 deviceWidth 同时界面上用 lpx 布局的时候， deviceWidth 的设置没有生效，但是在模拟器上却可以正常显示。

说明：学习过程中调查布局单位的时候碰到了些问题
在Web开发中，可以使用 vw|vh 这类的单位，比较方便，
但是在 ArkUI 中组件的单位好像只有 px|vp|fp|lpx 以及“百分比”这几种
目前好像 lpx 和 vw|vh 比较相似，
依赖 main_pages.json => window.deviceWidth
的设置可以修改页面整个宽度是多少 lpx （默认是720）。

修改这个值（设置成了1000）同时页面增加了一张宽高都是 500lpx 的图片。
正常情况下这张图片应该占页面50%宽度（在模拟器上也是正常显示），
但是在预览器中好像没生效，还是按照720显示的（下面附图）。
不知道是需要增加额外设置还是bug，求教了。

预览器

模拟器


更多关于HarmonyOS 鸿蒙Next 预览器没有按照designWidth的设置展示正确的lpx大小的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

根据其他人方式 应该是 lpx2px(500) + 'px'，这样写，同时清理一下 IDE的预览缓存

更多关于HarmonyOS 鸿蒙Next 预览器没有按照designWidth的设置展示正确的lpx大小的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我发工单了，官方说是bug，等修复吧，你发的图其实是有区别的，得细看，

根据测试，就是预览器不行，模拟器可以，

所以坐等更新吧，更新之前得考虑考虑这个问题怎么解决。

本地模拟器也不行，还是按 720算的

cke_728.png

cke_1001.png

cke_2208.png

您好，您的问题需要进一步分析，请您通过在线提单进一步解决：https://developer.huawei.com/consumer/cn/support/feedback/#/，感谢您的反馈和支持。

在HarmonyOS鸿蒙Next预览器中，如果未按designWidth设置正确展示lpx大小，可能是由于以下原因：

  1. 预览器配置问题：确保预览器配置与项目设置一致，检查designWidth是否在config.json中正确配置。
  2. 设备分辨率匹配：预览器模拟的设备分辨率可能与designWidth不匹配，导致lpx计算不准确。
  3. 预览器版本兼容性：使用的预览器版本可能不支持当前的designWidth设置，建议更新到最新版本。
  4. 代码逻辑错误：检查代码中lpx的使用是否正确，确保逻辑无误。

确认以上几项后，问题仍未解决，可重新启动预览器或清理缓存再次尝试。

回到顶部