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

Question

我必须将一个网页（整页）的内容插入另一个网页，我制作了对象，只是我需要更小，最重要的是没有滚动，我滚动我已经删除但是当我在对象中设置合适的大小，它切了一些东西，我该怎么办？我在css设置了像素大小，但是从头做一遍最小的就得重做所有的工作，还有其他方法吗？

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

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

link 到 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

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

resize webpage on object, in my webpage

html

javascript

css

resize