Я действительно новичок в этом: у меня есть некоторый контент на сайте 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>
Это можно сделать?
Пожалуйста, держите это просто, так как я не пойму вашего ответа.
спасибо
Используйте bootstrap отзыв, возможно, это решит вашу проблему...