Question

iframe内容在台式机上可以正常运行，但不能在移动设备上运行。（我有一个网站-单页网站-在另一个网站内加载。）

当前将以下内容：http://chessfusco.com/ican/拖入http://chessfusco.com/sb网站上的页面

我已将建议的标签和CSS添加到样式表中。

页面上的代码：

<div class="iframe-container"><iframe src="http://chessfusco.com/ican/" allowfullscreen="allowfullscreen"></iframe></div>

样式表上的代码：

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0px;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* 4x3 Aspect Ratio */

.iframe-container-4x3 {
  padding-top: 75%;
}

当您在移动设备上查看甚至调整屏幕大小时，页脚会跳升，实际页面/站点的查看区域会缩小。

如果已经回答了这种问题，我事先表示歉意，但是我什么也没找到，这是我的最后选择。提前致谢！：）

WordPress响应式设计无法在移动设备上正常运行

0 个答案: