iframe放大後無法工作

我有我的框架，工作正常。

<div id="my-div" style="width:790px; height:240px; overflow-y: hidden; overflow-x: scroll; position:relative;"> 
<iframe style="position:absolute; top: -245px; left: -3px; width:1280px; height:490px;" 
src="http://www.augustyna.pl/prognozy/17dni.php" id="my-iframe" scrolling="no"></iframe> 
</div>

，但我不得不讓我的網站在比格爾和1920px在這種情況下我的I幀看起來很可怕，你能告訴我，我怎麼能在這種情況下，解決這個問題？

@media screen and (min-width: 1920px) and (-webkit-min-device-pixel-ratio:0) { 
    body { 
    zoom:130%; 
    } 
}

這是該網站是：www.surfszkola.pl/prognoza 感謝您使用前請先！

來源

2016-03-06 mrrr

好像你貼永遠不會被加載的媒體查詢，我敢打賭，這就是你的錯誤是。 – odedta

其獲取加載在谷歌瀏覽器，其中網站太小..任何想法如何我可以解決這個問題？ – mrrr

我想你想讓iframe在人們擁有更小的屏幕時放大？在這種情況下，你的查詢在未加載的情況下查找自己：http://i.imgur.com/VScnQXD.jpg - 如果這不是你的意思，請解釋你正在努力完成的事情。 – odedta

您可以使用此代碼來顯示不同的屏幕尺寸，你喜歡的內容：

iframe { 
 
    border: none; 
 
    width: 100%; 
 
    height: 300px; 
 
    -ms-zoom: 1.5; 
 
    -moz-transform: scale(1.5); 
 
    -moz-transform-origin: 0 0; 
 
    -o-transform: scale(1.5); 
 
    -o-transform-origin: 0 0; 
 
    -webkit-transform: scale(1.5); 
 
    -webkit-transform-origin: 0 0; 
 
} 
 
@media (min-width: 1200px) { 
 
    .content_viewport { 
 
    border: 0px none; 
 
    margin-left: -36px; 
 
    height: 812px; 
 
    margin-top: -486px; 
 
    width: 650px; 
 
    } 
 
} 
 
@media (max-width: 1200px) { 
 
    .content_viewport { 
 
    border: 0px none; 
 
    margin-left: -306px; 
 
    height: 812px; 
 
    margin-top: -86px; 
 
    width: 650px; 
 
    } 
 
}

<div style="border: 2px solid #D5CC5A; overflow: hidden; margin: 15px auto; max-width: 575px;"> 
 
<iframe src="http://augustyna.pl/prognozy/jastarnia.php" scrolling="no" class="content_viewport"> 
 
    <p>Your browser does not support iframes.</p> 
 
</iframe> 
 
</div>

來源

2016-03-06 16:18:53 odedta

iframe放大後無法工作

回答

相關問題