изменить размер веб-страницы на объекте, на моей веб-странице

Question

Мне нужно вставить содержимое веб-страницы (полной страницы) в другую, я сделал объект, просто чтобы мне было нужно немного меньше и, прежде всего, без прокрутки, я прокручиваю Я уже удалил, но когда я установил подходящий размер в объекте, он разрезал несколько вещей, что я могу сделать? Я установил размер пикселя в css, но ему пришлось бы переделать всю работу, чтобы сделать это снова с нуля самым маленьким, есть другие способы?

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

это код на первой странице, но размер страницы, что я называю это ш = 420 и Н = 570

ссылка codepen http://codepen.io/anon/pen/ygEpWa

Answer 1

Хорошо, я вижу, что ваш но я не вижу этого в кодефене. Попробуйте добавить это для своего 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