更新时间：2022-07-08 10:24:40浏览次数：843+次
在DevEco Studio工具上应用预览界面宽度和预期不一致怎么解决？以下提供解决方案，总共三个操作步骤。
解决方法
请检查模块配置文件config.json中window属性的配置是否和预期一致，如下操作：
步骤1、打开模块src/main目录下的config.json文件，查看js->window属性，如下图所示：
步骤2、根据实际设备，添加或修改window属性值，window对象的内部结构说明：
|
属性名称 |
含义 |
数据类型 |
是否可缺省 |
|
designWidth |
表示页面设计基准宽度。以此为基准。 根据实际设备宽度来缩放元素大小。 |
数值 |
可缺省，缺省值为720px |
|
autoDesignWidth |
表示页面设计基准宽度是否自动计算。 当配置为true时，designWidth将会被忽略。 设计基准宽度由设备宽度与屏幕密度计算得出。 |
布尔值 |
可缺省，缺省值为false |
步骤3、修改完成，重新同步工程，重启预览器。
相关资讯
