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

时间:2017-02-05 21:38:40

标签: javascript html css resize

我必须将网页的内容(整页)插入另一个,我制作了该对象,只是我需要更多小而且最重要的是没有滚动,我滚动我已经删除但是当我在对象中设置合适的大小,它剪了几样东西,我该怎么办? 我在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

的链接

1 个答案:

答案 0 :(得分:0)

好的,我看到你的意思,但我在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