La largeur et la hauteur de l'iframe ne changeront pas

La largeur et la hauteur de l'iframe ne changeront pas. Je veux un design réactif. S'il vous plaît aider.La largeur et la hauteur de l'iframe ne changeront pas

maintenant:

<iframe src="http://www.kadinvekadin.net/mod-burclar.php" 
     frameborder="0" 
     scrolling="no" 
     width="300" 
     height="300">

Modified 500x500 - ne fonctionne pas, encore 300x300:

<iframe src="http://www.kadinvekadin.net/mod-burclar.php" 
     frameborder="0" 
     scrolling="no" 
     width="500" 
     height="500">

Source

2013-08-27 mogutcan

Vous devez faire votre iframe réactif pour tous les écrans ou vous avez juste besoin de les afficher à 500 * 500? –

Je veux un design responsive. Mais cette iframe (http://www.kadinvekadin.net/mod-burclar.php) pas redimensionnable.Taille ne change pas.Comment changer largeur/hauteur? – mogutcan

Ce paramètre iframe redimensionne au maximum 300x300. Par exemple, je veux 350x350 mais je ne le fais pas. @PrasannaAarthi – mogutcan

pour une solution pure CSS dont vous avez besoin pour envelopper votre iframe autour d'un récipient et appliquer des styles à elle, pour plus de détails s'il vous plaît voir http://andmag.se/2011/11/responsive-embeds/

Une autre option utilise jquery s'il vous plaît prendre un métier à tisser au https://gist.github.com/aarongustafson/1313517

Essayez ce code,

<html> 
<body> 
<style> 
html,body  {height:100%;} 
.wrapper   {width:80%;height:100%;margin:0 auto;background:#CCC} 
.iframe1  {position:relative;} 
.iframe1 .ratio {display:block;width:100%;height:auto;} 
.iframe1 iframe {position:absolute;top:0;left:0;width:100%; height:100%;} 

</style> 
<div class="wrapper"> 
<div class="iframe1"> 

    <img class="ratio" src="sometransparentimage.jpg"/> 
    <iframe src="http://www.kadinvekadin.net/mod-burclar.php" frameborder="0" 

     allowfullscreen></iframe> 
    </div> 

    </div> 
    </body> 
    </html>

Source

2013-08-27 07:40:31

J'ai aussi essayé deux options. Mais toujours cette iframe: http://www.kadinvekadin.net/mod-burclar.php pas redimensionnable. S'il vous plaît aider. – mogutcan

Essayez ce code et voir si est ce que votre sortie est attendue .. –

Merci j'ai essayé ce code et jquery. "sometransparentimage" est réactif mais iframe pas réactif. Lorsque je redimensionne la fenêtre du navigateur, cette iframe ne réagit pas encore. Y a-t-il d'autres moyens de répondre à cette iframe? – mogutcan

La largeur et la hauteur de l'iframe ne changeront pas

Répondre

Questions connexes