请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
显示全部楼层
286
帖子
2
勋章
7万+
Y币

[多端开发] avm css 中的 width:100% 还是存在问题

[复制链接]
发表于 2021-9-8 15:14:08
avm css 中的 width:100% 还是存在问题,
当上一级 view 没有设置具体的宽度, 只是设置 max-width和 max-width
子节点 设置 width:100% 无效,这个问题只存在于 app 端, ios 无法测试,安卓端能复现, H 5端及小程序端能正常显示里面的内容
380
帖子
4
勋章
6
Y币
提供一个测试stml
286
帖子
2
勋章
7万+
Y币
  1. <template>
  2.         <view class="main">
  3.                 <view class="test middle">
  4.                         <view class="test1 middle column">
  5.                                 <text>123123</text>
  6.                                 <view class="test2"></view>
  7.                         </view>
  8.                 </view>
  9.         </view>
  10. </template>
  11. <style>
  12. .main {
  13.         width: 100%;
  14.         height: 100%;
  15. }
  16. .middle {
  17.         align-items: center;
  18.         justify-content: center;
  19.         text-align: center;
  20. }
  21. .test {
  22.         position: absolute;
  23.         background-color: rgba(0, 0, 0, 0.5);
  24.         z-index: 10;
  25.         width: 100%;
  26.         height: 100%;
  27.         left: 0;
  28.         right: 0;
  29. }
  30. .test1 {
  31.         background: #fff;
  32.         min-width: 60%;
  33.         max-width: 75%;
  34.         min-height: 100px;
  35. }
  36. .column {
  37.         flex-flow: column;
  38. }
  39. .test2 {
  40.         width: 50%;
  41.         height: 50px;
  42.         background: #000;
  43. }
  44. </style>
  45. <script>

  46. export default {
  47.         name: 'main',
  48.         data() {
  49.                 return {
  50.                         show: false
  51.                 }
  52.         },
  53.         methods: {

  54.         }
  55. }
  56. </script>
复制代码
380
帖子
4
勋章
6
Y币

我这里测试android  iOS 表现一致。

我反馈给相关技术看看。
28
帖子
1
勋章
1万+
Y币
可以换成 min-width:50% 试试
286
帖子
2
勋章
7万+
Y币
技术咨询-Kenny 发表于 2021-9-9 17:52
可以换成 min-width:50% 试试

所以这是 bug呗,大佬
您需要登录后才可以回帖 登录

本版积分规则