【问题标题】:Vue+ laravel Adaptation of the size of the modal window to the size of the screenVue+ laravel 模态窗口大小对屏幕大小的适配
【发布时间】:2020-07-29 13:45:30
【问题描述】:

我有模态窗口。

<transition name="modal" @close="showModal = false">
        <div class="modal-mask" style="  width: 90% !important;">
            <div class="modal-wrapper">
                <div class="modal-container">
                    <div class="modal-header">
                        <slot name="header">
                            Введите сообщение для
                        </slot>
                    </div>
                    <div class="modal-body">
                        <slot name="body">
                            <textarea rows="10" cols="45" v-model="MessageText" name="MessageText"</textarea>                            
                        </slot>
                    </div>
                </div>
            </div>
        </div>
    </transition>

在小屏幕(手机)上,屏幕超出屏幕。如何让它适应屏幕?

更新

【问题讨论】:

    标签: css vue.js mobile vue-component


    【解决方案1】:

    你可以使用模态尺寸

    class="modal-dialog modal-lg"
    

    希望这会起作用并确保删除宽度。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-07
      相关资源
      最近更新 更多