第一层iframe负责控制页面left、top

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>轶哥</title>
</head>

<body>
  <iframe src="https://www.wyr.me/" frameborder="0" scrolling="no"
    style="position: absolute;top: -190px;left: -40px;height: 405px; width: 1024px;"></iframe>
</body>

</html>

其中，width相当于是屏幕宽度，影响响应式页面的呈现方式。需要呈现的内容，放置于页面左上角。效果如下：

第二层iframe负责控制显示宽度、高度

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>轶哥</title>
</head>

<body style="background-color: #888">
  <iframe src="iframe1.html" frameborder="0" scrolling="no"
    style="position: absolute;top: 0px;left: 0px;height: 215px; width: 215px;"></iframe>
</body>

</html>

在第二层iframe中，只需要控制宽高即可实现对特定区域的显示。