用iframe嵌入另一個頁面的某個部分，由于只需要某個部分，所以設置了寬高來限制，這樣的話，用bootstrap如何實現(xiàn)響應式布局？<!DOCTYPE html><html>? ? <head>? ? ? ? <meta charset="utf-8">? ? ? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">? ? ? ? <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />? ? ? ? <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />? ? ? ? <meta name="apple-mobile-web-app-capable" content="yes" />? ? ? ? <meta name="apple-mobile-web-app-status-bar-style" content="black" />? ? ? ? <meta name="apple-touch-fullscreen" content="yes"/>? ? ? ? ? ? ? ??? ? ? ? <title>Bootstrap的HTML標準模板</title> ??? ? ? ? <!-- Bootstrap -->? ? ? ? <link rel="stylesheet" >? ? ??? ? ? ? <!--你自己的樣式文件 -->? ? ? ? ? ? ??? ? ? ? <!-- 以下兩個插件用于在IE8以及以下版本瀏覽器支持HTML5元素和媒體查詢，如果不需要用可以移除 -->? ? ? ? <!--[if lt IE 9]>? ? ? ? <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>? ? ? ? <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>? ? ? ? <![endif]-->? ? </head>? ? <body>? ? <div class="container">? ? ? ? ?<div class="row">? ? ? ? ? ? ? ? <div class="col-xs-12 col-lg-12">? ? ? ? ? ? ? ? ?<div style="overflow:hidden; width:524px; height:380px; border:solid; border-width:1px; border-color:#999; " >? ? ? ? ? ? ? ? ? ? ? ? <iframe frameborder="no" border="0" style=" margin:-225px 0 0 -370px; width:1066px;height:850px;border-style: none;border-width:0px;border-color:#CCC; "? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? src="http://112.91.101.26:8080/" scrolling="no">? ? ? ? ? ? ? ? ? ? ? ? ? ? </iframe>? ? ? ? ? ? ? ? ? ? </div>? ? ? ? </div>? ? ? ? ? ? </div> ? ? ? ?? ? ?</div> ??? ? ? ? <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>? ? ? ? <!-- 包括所有bootstrap的js插件或者可以根據(jù)需要使用的js插件調(diào)用 -->? ? ? ? <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>? ? </body></html>
添加回答
舉報
0/150
提交
取消