javascript - iFrame 填充与源不同

Question

我创建了一个小型 javascript 富文本编辑器，但是当我在 iframe 中打开它时，某些对象的填充不正确。这是来自源的图像:

但是，当我把它放在 iframe 中并使用这个源时，它看起来像这样:

我尝试更改 DOCTYPE 并将 margin: 和 padding: 更改为 0px，但没有任何改变.我似乎无法解决这个问题。任何帮助将不胜感激。谢谢你!

Answer 1

据我所知，发生的事情是 iframe 的宽度不够。从源头来看，颜色选择器框可以填充它需要的所有空间，但在 iframe 中它很局促，缩小了它里面的所有东西，使最后的色带和灰色 16、32、64 落到另一行。此外，颜色选择器的偏移量似乎已关闭；你可能使用百分比宽度和偏移量吗？你可以做很多事情来解决这个问题:只需增加 iframe 的宽度(你不能让框只溢出 iframe)，将颜色选择器框向左移动，固定选择器的大小(你需要调整 iframe 的大小或使其滚动等。不过，这可能不是 DOCTYPE 问题。希望能提供更多详细信息，但我希望这对您有所帮助!