以前用惯了<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>
分享到：
相关推荐
### Iframe 高度自适应的实现方法 Iframe 是一种可以在网页内部嵌入另一个独立 HTML 文档的元素，它广泛应用在需要将第三方内容或应用集成到主页面中的场景。但是，Iframe 的高度自适应问题一直困扰着前端开发者，...
让iframe自适应高度（支持xhtml）IE firefox兼容 让iframe自适应高度是指在HTML文档中，使iframe的高度能够根据其内容自动调整，以适应不同浏览器和屏幕分辨率的需求。在本文中，我们将讨论如何使用JavaScript和...
标题中的“自适应各种终端各分辨率的CSS+XHTML”是指使用CSS（层叠样式表）和XHTML（可扩展超文本标记语言）技术来创建一个网页设计，该设计能够根据用户使用的设备和屏幕分辨率自动调整布局，确保在手机、平板电脑...
### 让iframe自适应高度（支持XHTML，支持FF） #### 概述 在Web开发过程中，`iframe`是常用的一个HTML元素，用于在当前页面内嵌入另一个页面。但是，默认情况下，`iframe`的高度是固定的，这可能导致内容超出显示...
<html xmlns="http://www.w3.org/1999/xhtml"> ; charset=utf-8" /> 无标题文档 #ff { background-image: url('路径/bg.jpg'); background-repeat: no-repeat; background-size: cover; } ; ...
在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、XHTML等）文档中元素外观、布局和结构的关键技术。本篇将详细讲解如何使用CSS来实现宽度和高度的自适应100%效果，以满足不同屏幕...
本示例提供的"自适应宽度Tab js+css代码"是一个实用的解决方案，旨在创建一个灵活且响应式的Tab组件，能够自动调整其宽度以适应不同的屏幕尺寸和设备。 首先，我们要理解CSS（层叠样式表）在其中的作用。CSS是用来...
XHTML 3个模板可能指的是在开发网页时经常使用的三种基础布局或者设计模式，这些模板可以帮助开发者快速构建网页结构，提高效率。虽然XHTML并没有正式定义到3个版本，但这里可能是指的三种常见的网页布局模式。下面...
1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示...
在网页设计领域，"经典漂亮的三列布局XHTML+CSS模板"是一种常见的页面构建方式，它结合了XHTML（eXtensible Hypertext Markup Language）的结构化特性与CSS（Cascading Style Sheets）的样式控制能力，为网页提供了...
- **适应性布局**：通过使用相对单位（如百分比）和媒体查询，网页可以自适应不同屏幕尺寸，确保在各种设备上都能良好显示。 - **优化图像和多媒体**：推荐使用JPEG和GIF格式的图像，以及WAV和MPEG格式的音频视频...
4. **响应式设计**：考虑不同的屏幕尺寸和分辨率，实现良好的自适应效果。 5. **性能优化**：减少HTTP请求次数，利用缓存机制提高页面加载速度。 #### 六、总结 XHTML_MP作为一种专为移动设备设计的XHTML简化版本...
在实现右侧自适应布局时，XHTML起到基础支撑作用，通过合理的标签使用来构建页面结构。 要实现右侧自适应，我们可以使用CSS（Cascading Style Sheets）来控制布局。CSS中的盒模型是关键，包括内容(content)、内边距...
XHTML MP (XHTML Mobile Profile) 是 WAP 2.0 标记语言. XHTML MP 是 XHTML 的子集, HTML 和 XML 的结合. 本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，并且可以根据用户滚动窗口时，悬浮广告自适应窗口，在很多网站做活动需要悬浮广告时...
**XHTML教程源码解析** XHTML，全称为Extensible HyperText Markup Language，是一种结合了HTML（超文本标记语言）和XML（可扩展标记语言）特性的语言。它继承了HTML的易读性和XML的严谨性，使得网页设计更加规范且...
在标题和描述中提到的“poi处理docx的XHTML和Converter最新版jar1.06”指的是使用Apache POI库中的特定组件来将DOCX文档转换为XHTML格式。这个过程涉及到了两个主要的Apache POI子项目，即`org.apache.poi.xwpf....
### XHTML详解：从基础知识到实践应用 #### 一、XHTML概述与重要性 XHTML，全称为可扩展超文本标记语言（eXtensible HyperText Markup Language），是一种基于XML的标记语言，旨在提高HTML的严谨性和兼容性。相较...