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 回答