"这个madal宽度并没有适应图片"\n"\n"<a-modal v-model="visible" title="图片预览" @ok="handleOk" style="width: auto; height: auto; max-width: 1200px; max-height: 900px;">\n\t<div class="frame">\n\t <img v-if="imageUrl" :src="imageUrl" alt="photo" class="userHeadPortrait" />\n\t

\n"\n"\n"这个问题可能是由于a-modal的默认样式导致的。您可以尝试为a-modal添加自定义样式,使其适应图片的宽度。例如,您可以尝试将modal的宽度设置为100%:\n\nhtml\n<a-modal v-model=\"visible\" title=\"图片预览\" @ok=\"handleOk\" style=\"width: 100%; height: auto; max-width: 1200px; max-height: 900px;\">\n\t<div class=\"frame\">\n\t <img v-if=\"imageUrl\" :src=\"imageUrl\" alt=\"photo\" class=\"userHeadPortrait\" />\n\t</div>\n</a-modal>\n\n\n请注意,您还可以根据需要调整其他样式属性,如padding、margin等,以确保图片在modal内正确显示。

Ant Design Modal 宽度自适应图片问题解决方案

原文地址: https://www.cveoy.top/t/topic/pySZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录