网站建设思维,小说排行榜2020前十名,新泰网站seo,网络规划设计师电子版教材最开始为了好调试#xff0c;运行成h5在浏览器调试的#xff0c;调完以后#xff0c;放到pad上。。。天塌了#xff0c;所有页面异常#xff0c;感觉被放大了好多#xff0c;而且页面很乱。。。
查了很多资料#xff0c;说把px改为rpx#xff0c;好#xff0c;全部改…最开始为了好调试运行成h5在浏览器调试的调完以后放到pad上。。。天塌了所有页面异常感觉被放大了好多而且页面很乱。。。
查了很多资料说把px改为rpx好全部改了页面还是很大。。。 然后就查说改mainfest或者page.json中的rpxCalcMaxDeviceWidth和rpxCalcBaseDeviceWidth:也改了还是不行 还有设置viewport meta标签这个本身代码设置过了也不行 后来同事提醒说可能是pad的显示设置被调了然后改了pad设置中的显示和字体大小有希望页面总算有点正常显示了前提是把px都改为了rpx 但是每个页面还是感觉被放大了1.2倍怎么调都不行然后问各种AI工具总算deepseep说中了“最小宽度设置”如下 检查鸿蒙Pad的系统设置
让用户检查设备的以下设置 显示设置中的字体大小与显示大小 开发者选项中的最小宽度设置 无障碍设置中的显示大小 什么是最小宽度 因为我的设备时华为MatePad Pro所以是800dp然后看了pad的最小宽度不知道被谁动过改成713了。。。。。。然后改为800再打开项目页面正常了
另外会发现最小宽度经常变可以设置固定 总结如果uniapp的app项目在pad上显示不正常试下如下步骤
1、将所有px改为rpx可以按照设计稿的尺寸来写页面只不过把px改成rpx就可以。
2、检查pad的设置显示和字体 设置以及开发人员中的最小宽度如果经常变化可以关闭智能分辨率
3、图片需要设置不然会原尺寸显示。
background-size: cover; /* 或 contain, 100% 100% */ background-repeat: no-repeat; background-position: center;
