創建響應式iFrame

我在Markeo（一種營銷自動化軟件工具）中創建了一個響應式登錄頁面。以下是Marketo提供的網址：http://info.onvia.com/responsive.html 創建響應式iFrame

我想要做的事情是在我的網站（www.Onvia.com）上顯示該網址，並保持其響應。我認爲創建iFrame並從Marketo引入該URL的唯一方法。我的問題是，當這個URL被帶入iFrame時，它不會在手機上作爲響應。我仍然需要放大以查看內容。

這裏是我的jsfiddle：http://jsfiddle.net/huskydawgs/3LAat/334/

HTML：

<div class="container"> 
<div class="h_iframe"> 
    <iframe src="http://info.onvia.com/responsive.html" frameborder="0" allowfullscreen></iframe> 
</div>

CSS：

html,body  {height:100%; margin:0;} 
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%; margin:0;}

來源

2016-02-12 user3075987

在桌面上，它創造了雙套的滾動條。在手機上，它不像一個響應式頁面。 – user3075987

轉到http://info.onvia.com/xchange.html，它是404（頁面不存在） – zer00ne

很抱歉，將它更改爲info.onvia.com/responsive.html – user3075987

您可以使用此代碼

iframe, object, embed { 
    max-width: 100%; 
}

來源

2016-02-12 19:17:59

我在哪裏放置該代碼？ – user3075987

以及您的CSS –

嘗試使用下面的代碼

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    <style> 
 
    html, body { height: 100vh; } 
 
    iframe { 
 
     height:350%; 
 
     width:100%; 
 
    </style> 
 
</head> 
 
<body> 
 
    <iframe src="http://info.onvia.com/responsive.html" frameborder="0"></iframe> 
 
</body> 
 
</html>

來源

2016-02-12 19:55:03 Microsmsm

創建響應式iFrame

回答

相關問題