Изменить размер веб-страницы в div

0

в моем проекте я загружаю внешнюю веб-страницу в div с небольшим размером (250x295) с помощью этой функции:

 <div> 
<object type="text/html" data="http://www.example.com" width="250px" height="295px" style="overflow:auto;border:5px ridge blue">
</object></div>

проблема в том, что в div я вижу только часть страницы 250x295, вам нужно прокрутить, чтобы просмотреть все данные. Возможно ли изменить размер всей страницы, связанной с измерением div? (например, "предварительный просмотр")

заранее спасибо

  • 0
    Может быть, с помощью какого-нибудь API миниатюр т.е. скриншот страницы.
  • 0
    может быть, это может помочь вам, stackoverflow.com/questions/11382473/…
Показать ещё 1 комментарий

2 ответа

3
Лучший ответ

Вы можете попробовать с помощью метода CSS3 2d transforms scale():

div {
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
  • 0
    Хороший звонок, это была моя первая мысль.
1

Вы организуете div таким образом, чтобы он выглядел как предварительный просмотр, надеюсь, что это поможет.

<div style="border:5px ridge blue;display:inline-block;width:250px; height:295px;">
<div style="overflow:hidden;height:inherit; " >     

<object type="text/html" data="http://www.example.com"  
style="overflow:hidden;  height:inherit; position:relative; width:inherit;">    
</object> 

</div>
</div>

демонстрация

Ещё вопросы

Сообщество Overcoder
Наверх
Меню