2

私はiframe私のウェブページに表示されています。すべてのデバイスでレスポンシブにしたいiframeので、ほとんどの画面幅に合わせて CSS 変換を使用しています。唯一の問題は、画面のサイズが変更され、CSS 変換が実行されているときに、 の下に空白が作成されることiframeです。空白を取り除く解決策はありますか。jqueryで解決できますか？

http://vintagebase.comにアクセスしてください

以下はレスポンシブ CSS の例です。

---#Tablet (Portrait)---

@media only screen and (min-width: 768px) and (max-width: 959px) {
  body:after {
    content: "768 to 959px";
    background-color: hsla(270,60%,40%,0.7);
  }

  #iframe1{
    width: 125%; 
    -moz-transform:           scale (.8);
    -moz-transform-origin:    0 0;
    -o-transform:             scale(.8);
    -o-transform-origin:      0 0;
    -webkit-transform:        scale(.8);
    -webkit-transform-origin: 0 0;
    -ms-transform:            scale(.8);
    -ms-transform-origin:     0 0;
  }
}
4

1 に答える 1

0

iframeの高さを非常に大きく設定しています。それをしないでください。代わりに 100% にします。

于 2013-03-18T04:08:51.117 に答える