在我的网页中调整对象上的网页大小

Question

我必须将一个网页（整个页面）的内容插入到另一个页面中，我创建了对象，只是我需要更大的尺寸，并且最重要的是不滚动，滚动时我已经删除了，但是当我在其中设置合适的尺寸时的对象，它切了几件事，我该怎么办？ 我在css中设置了像素大小，但是必须重新做所有工作才能从头开始最小做一次，还有其他方法吗？

 <object id="event" type="text/html" data="./calendary/index.html" width="370" height="499"> </object>

这是第一页上的代码，但是我调用的页面尺寸为w = 420和h = 570

链接到Codepen http://codepen.io/anon/pen/ygEpWa

Answer 1

好的，我明白了您的意思，但我看不到在Codepen中。 尝试为您的CSS添加它。

#calendar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  margin: 0 auto;
  height: 570px;
  overflow: hidden;
}

.header {
  height: 50px;
  width: 100%;
  background: rgba(66, 66, 66, 1);
  text-align: center;
  position:relative;
  z-index: 100;
}

.week {
  background: #4A4A4A;
  text-align:center;
  width: 100%;
}

.day {
  display: inline-block;
  width: 65px;
  padding: 10px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  background: #4A4A4A;
  position: relative;
  z-index: 100;
}

.details {
  position: relative;
  width: 420px;
  height: 75px;
  background: rgba(164, 164, 164, 1);
  margin: 5px auto 0px auto;
  border-radius: 4px;
}

我试图在这里重复这个问题。 http://codepen.io/anon/pen/mRjwXO