Question

我有一个带iFrame的HTML。 <div>容器和iframe的宽度为381px

<div class="container" style="width: 381px; height: 282px; overflow: hidden; margin-bottom: 20px; margin-top: 20px;">
    <iframe id="my-iframe" src="some-link.html" style="width : 381px; height : 100%;  border: 0px;"></iframe>
</div>

在some-link.html

<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Flip Ad</title>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
      <style>
        html, body {
            width : 100%;
            height : 100%;
            padding : 0px;
            margin : 0px;
            font-family: 'Varela Round', sans-serif!IMPORTANT;
        }
      </style>
   </head>
   <body>
      <div style="background-color : orange; height : 20px; width : 370px">this div</div>
   </body>
</html>

您会注意到div的宽度为370px（比iframe稍短），但是在chrome开发工具（移动视图）中它的呈现时间更长。

如果不在移动视图上也可以。我想知道这里是什么问题？

我标记了javascript和jquery，因为如果那是解决方案，我是开放的。

chrome开发工具中iframe中的像素更大

0 个答案: