css 为什么iframe的高度和宽度与预期的不一样

rkttyhzu  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(122)

我在react app中定义了iframe,如下所示:

<div>
            <div className="pay-img">
              <iframe srcDoc={formText}
                width="200"
                height="205"
              >
              </iframe>
            </div>
          </div>

高度为205px,高度为200px。iframe在UI中渲染时,width为204px,height为209px。为什么渲染iframe时高度和宽度会改变?顺便说一句,边框宽度为border-width: 0px;

ct3nt3jp

ct3nt3jp1#

<div>
    <div className="pay-img">
      <iframe srcDoc={formText}
        width="200"
        height="205"
        style="border-width: 0;"
      >
      </iframe>
    </div>
  </div>

iframe的默认样式给出了border-width:2 px,所以它在高度和宽度上增加了4px

相关问题