iframe宽幅固定时，引用的html宽度问题

Question

如图，最左侧是导航栏，中间和右侧是两个iframe引用的html，iframe宽度固定

如何在iframe宽度固定的情况下，限制引用的html宽度？

目前情况是iframe下的html宽度会超出iframe宽度

Answer 1

iframe里面的html的宽度你设置成100%就行，iframe把border什么的都置为none试试

Answer 2

你所加载的HTML中设置下宽度跟随，通常加上这句话
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Answer 3

内部html的body设置为100% 然后写里面盒子的样式时充分利用盒模型:为设定了宽度的盒子添加边框、内边距和外边距，会导致盒子扩展得更宽。 设置box-sizing：border-box 这样就不会超出了