Как я могу добавить страницу сайта в изменяемый размер контейнера

Question

Как я могу добавить страницу сайта в изменяемый размер контейнера

0

Я действительно новичок в этом: у меня есть некоторый контент на сайте wordpress, но это объем моих знаний.

Мне нужно представить HTML-код, демонстрирующий наш сайт для клиентов: у нас есть калькулятор, который будет демонстрироваться на других сайтах в небольшом контейнере.

Вот оно, оно также живое как приложение iphone; http://vcfmcalculator.co.uk/calculate/: http://vcfmcalculator.co.uk/calculate/

Теперь я исследовал и могу использовать iframe для представления сайта в контейнере с уменьшенным и масштабированным размером, но я также хотел бы разместить его в контейнере с изменяемым размером.

У меня есть iframe, у меня есть размерный контейнер, но я понятия не имею, как объединить 2!

вот мой контейнер с изменяемым размером:

<!DOCTYPE html> <html> <head><link f="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
    #resizable { width: 100px; height: 100px; background: silver; }
  </style>
  <script>
  $(document).ready(function() {
    $("#resizable").resizable();
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="resizable"></div>

</body>
</html>

вот мой iframe:

<iframe style="background: #ffffff; border: 4px solid #36939b;" src="http://vcfmcalculator.co.uk/calculate/" height="600" width="400" frameborder="no" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
<div>

Это можно сделать?

Пожалуйста, держите это просто, так как я не пойму вашего ответа.

спасибо

Angie Wadsworth 03 окт. 2013, в 18:10

Источник

Теги:

html

iframe

containers

resizable

1 ответ

Ещё вопросы

parucker · Answer 1 · 2013-10-03T15-22-00.000Z

Используйте bootstrap отзыв, возможно, это решит вашу проблему...