xhtml iframe 百分比自适应

最新推荐文章于 2021-06-19 10:15:12 发布

citygu

最新推荐文章于 2021-06-19 10:15:12 发布

阅读量131

点赞数

分类专栏： HTML&CSS 文章标签： XHTML HTML Web

本文链接：https://blog.csdn.net/citygu/article/details/83943056

版权

HTML&CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

以前用惯了<iframe src="" height="100%" width="100%">今天突然不行了。郁闷的了半天。我是前台web的菜鸟。
上面这种写法在html4.01里面是可以的.xhtml就不行了。
下面附上xhtml里面的自适应写法。


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
 <head>
  <title>iframe example</title>
  <style type="text/css">
   html, body, div, iframe { margin:0; padding:0; height:100%; }
   iframe { display:block; width:100%; border:none; }
  </style>
 </head>
 <body>
  <div>
   <iframe src="http://example.org/">
    <p><a href="http://example.org/">example.org</a></p>
   </iframe>
  </div>
 </body>
</html>

citygu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
xhtml iframe 百分比自适应

以前用惯了今天突然不行了。郁闷的了半天。我是前台web的菜鸟。上面这种写法在html4.01里面是可以的.xhtml就不行了。下面附上xhtml里面的自适应写法。[code="html"] iframe example html, body, div, iframe { margin:0; padding:0; height:100%; } ...
复制链接

扫一扫