Crear cuenta
/* inicio antiguo tamaño fijo *//*
body {min-width: 1500px;
}.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1500px;
max-width: 1500px;
_width: 1500px;margin-left: 0px;
@media screen and (max-width: 1200px){
max-width: 1200px;
}@media screen and (max-width: 960px){
max-width: 960px;
}@media screen and (max-width: 760px){
max-width: 760px;
}@media screen and (max-width: 600px){
max-width: 600px;
}@media screen and (max-width: 480px){
max-width: 480px;
}}*//*fin antiguo tamaño fijo */
/* ====== inicio tamaño dinamico ======*/body {width: 100%;
}.content-outer, .content-fauxcolumn-outer, .region-inner {
width: 100%;
height: 100%;
margin-left: 0px;
}@media screen and (max-width: 1200px){
width: 100%;
height: 100%;
}@media screen and (max-width: 960px){
width: 100%;
height: 100%;
}@media screen and (max-width: 760px){
width: 100%;
height: 100%;
}@media screen and (max-width: 600px){
width: 100%;
height: 100%;
}@media screen and (max-width: 480px){
width: 100%;
height: 100%;
}/* ====== fin tamaño dinamico ======*/body {width: 100%;
}.content-outer, .content-fauxcolumn-outer, .region-inner {
width: 100%;
height: 100%;
margin-left: 0px;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style>
*, *:before, *:after {box-model: border-box;}
a { float:right; margin-left:10px;}
</style>
<script>
var level = document.location.search.replace(/\?/,'') || 0;
$('#nested').attr('href','frame.nested.html?'+(++level));
</script>
<script>
var iFrameResizer = {
messageCallback: function(message){
alert(message,parentIFrame.getId());
} }</script>
<script type="text/javascript" src="js/iframeResizer.contentWindow.min.js" defer></script> <!-- OJO CON LA RUTA -->
<iframe src="frame.content.html" width="100%" scrolling="no"></iframe>
<iframe id="minuto_a_minuto" src="https://widgetsfanslos40madrid.blogspot.com.es/p/minutoaminuto04052018.html" width="100%" frameborder="0" scrolling="no" allowtransparency="true"">
<!-- MDN PolyFils for IE8 (This is not normally needed if you use the jQuery version) --><!--[if lte IE 8]>
<script type="text/javascript" src="../js/ie8.polyfils.min.js"></script>
<![endif]--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/iframeResizer.min.js"></script> <!-- OJO CON LA RUTA -->
<script type="text/javascript">
/*
* If you do not understand what the code below does, then please just use the
* following call in your own code.
*
* iFrameResize({log:true});
*
* Once you have it working, set the log option to false.
*/iFrameResize({
log : true, // Enable console logging
inPageLinks : true,
resizedCallback : function(messageData){ // Callback fn when resize is received
$('p#callback').html(
'<b>Frame ID:</b> ' + messageData.iframe.id +
' <b>Height:</b> ' + messageData.height +
' <b>Width:</b> ' + messageData.width +
' <b>Event type:</b> ' + messageData.type
);},
messageCallback : function(messageData){ // Callback fn when message is received
$('p#callback').html(
'<b>Frame ID:</b> ' + messageData.iframe.id +
' <b>Message:</b> ' + messageData.message
);alert(messageData.message);
document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage('Hello back from parent page');
},
closedCallback : function(id){ // Callback fn when iFrame is closed
$('p#callback').html(
'<b>IFrame (</b>' + id +
'<b>) removed from page.</b>' ); }});
</script>