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