用iframe嵌入另一个页面的某个部分，由于只需要某个部分，所以设置了宽高来限制，这样的话，用bootstrap如何实现响应式布局？<!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" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!--你自己的样式文件 --> <!-- 以下两个插件用于在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插件或者可以根据需要使用的js插件调用 --> <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body></html>
- 1 回答
- 0 关注
- 19305 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消