Question

<div id="site-loader"><body></body></div>

//Takes in HTML string. 
function processData(data){
    console.log(data);
    self.vue.html_data = data
    //$('#site-loader').contents().find('body').html(data);
    $("#site-loader").html(data);
}

我正在加载一个外部网站（比如Amazon.com），并试图将它放在site-loader div中。我不关心任何网站有多大，但我想将加载网站的大小限制为一个固定的大小，这个大小由我的site-loader div的样式决定。

编辑site-loader div的css不会改变有关已加载站点的任何信息。有什么想法吗？

基本上，我想将任何网站显示为一个小的固定框架，可以滚动查看显示的网站。

Answer 1

您可以通过提供带溢出的最大宽度和高度来限制元素的大小。

＆＃13;

#container {
  background-color: rgb(16, 16, 16);
  max-width: 200px;
  max-height: 200px;
  overflow: auto;
}

#largeChild {
  min-width: 2000px;
  min-height: 2000px;
}

＆＃13;

<div id="container">
  <div id="largeChild"></div>
</div>

＆＃13;

jQuery .html（）不适合div

1 个答案: