1、首先，我们使用DreamWeaver新建一个站点，将我们需要归纳到一个页面的网页都包含在这个站点里面。

2、然后我们找到一个需要嵌入页面的html文件，使用DW软件打开，找到需要插入页面的位置。

3、3然后我们输入标签。

4、在前半个标签的里面，空格一下就会出现我们可以设置的属性。

5、4我们需要设置src，即我们需要引用的页面的地址。

6、并且，我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条5除此之外，我们还应该设定这个iframe框架的宽度，一般来说我们都将其宽度设为，高度设为500px，由于在iframe标签内设置的宽和高都是具体值，我们需要给iframe一个class，然后设置style6这样一个iframe框架就嵌入到我们的网页当中了，我们可以按下ctrl+s，并按下F就可以在浏览器中查看效果图，我用红色框起来的部分就是我们嵌入的页面。

1、在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。

2、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。

3、在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的viewport设为980px或1024px(也可能是其它值，这个是由设备自己决定的)，但带来的后果就是浏览器会出现横向滚动条，因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小的。

4、旦运搏下图列出了一些设备上浏览器的默认viewport的宽度。

5、css中的1px并不等于设备的1px   在css中我们一般使用px作为单位，在模祥桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。

6、但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的。

7、在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。

8、在早先的移动设备中，屏幕像素密度都比较低，如iphone它的分辨率为320x4在iphone3上，一个css像素确实是等于一个屏幕物理像素的。

9、后来随着技术的发展，移动设备的屏幕像素密悄穗度越来越高，从iphone4开始，苹果公司便推出了所谓的Retina屏，分辨率提高了一倍，变成640x9但屏幕尺寸却没变化，这就意味着同样大小的屏幕上，像素却多了一倍，这时，一个css像素是等于两个物理像素的。

10、其他品牌的移动设备也是这个道理。

11、例如安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi等不同的等级，分辨率也是五花八门，安卓设备上的一个css像素相当于多少个屏幕物理像素，也因设备的不同而不同，没有一个定论。

12、我遇到的情况是，有个Android大屏上面的APP，添加了个链接到一个网页，但是出现的显示屏很大但是分辨率比较小导致页面显示大通过设置页面viewport，由于是iframe里面的，设置的是会失效。

13、所以想通过css3scale可以实现页面的缩放transform、scale(2)我使用了SASS，便利出多个，方便配置@for $i from 1 through 100 {  .scale-#{$i} {    width、  * (10 / $i)//根据scale的是设置宽度    position、 absolute    transform-origin、 0 0 0//设置变化的中心点为左上角    transform、 scale($i / 10)  }}。

1、在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。

1、在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。

1、frame不能脱离frameSet单独使用，iframe可以。

2、frame不能放在body中。

3、如下可以正常显示、-->-->如下不能正常显示、嵌套在frameSet中的iframe必需放在body中。

4、如下可以正常显示、如下不能正常显示、-->-->不嵌套在frameSet中的iframe可以随意使用。

5、如下均可以正常显示、-->-->frame的高度只能通过frameSet控制。

6、iframe可以自己控制，不能通过frameSet控制，如、-->-->如果在同一个页面使用了两个以上的iframe，在IE中可以正常显示，在firefox中只能显示出第一个。

7、使用两个以上的frame在IE和firefox中均可正常以上代码在IE7和firefox0中测试。

8、另外相关论坛窃取总结、-)。

9、下面分别介绍不同层次框架间的互相引用、父框架到子框架的引用知道了上述原理，从父框架引用子框架变的容易，即、window.frames("frameName")这样就引用了页面内名为frameName的子框架。

10、如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现、window.frames("frameName").frames("frameName2")这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。

11、子框架到父框架的引用每个window对象都有一个parent属性，表示它的父框架。

12、如果该框架已经是顶层框架，则window.parent还表示该框架本身。

13、兄弟框架间的引用如果两个框架同为一个框架的子框架，它们称为兄弟框架，可以通过父框架来实现互相引用，例如一个页面包括2个子框架、在frame1中可以使用如下语句来引用frameself.parent.frames("frame2")不同层次框架间的互相引用框架的层次是针对顶层框架而言的。

14、当层次不同时，只要知道自己所在的层次以及另一个框架所在的层次和名字，利用框架引用的window对象性质，可以很容易地实现互相访问，例如、self.parent.frames("childName").frames("targetFrameName")对顶层框架的引用和parent属性类似，window对象还有一个top属性。

15、它表示对顶层框架的引用，这可以用来判断一个框架自身是否为顶层框架，例如、//判断本框架是否为顶层框架if(self==top){//dosomething}。

16、不同层次框架间的互相引用、父框架到子框架的引用知道了上述原理，从父框架引用子框架变的容易，即、window.frames("frameName")这样就引用了页面内名为frameName的子框架。

17、如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现、window.frames("frameName").frames("frameName2")这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。

18、子框架到父框架的引用每个window对象都有一个parent属性，表示它的父框架。

19、如果该框架已经是顶层框架，则window.parent还表示该框架本身。

20、兄弟框架间的引用如果两个框架同为一个框架的子框架，它们称为兄弟框架，可以通过父框架来实现互相引用，例如一个页面包括2个子框架、在frame1中可以使用如下语句来引用frameself.parent.frames("frame2")不同层次框架间的互相引用框架的层次是针对顶层框架而言的。

21、当层次不同时，只要知道自己所在的层次以及另一个框架所在的层次和名字，利用框架引用的window对象性质，可以很容易地实现互相访问，例如、self.parent.frames("childName").frames("targetFrameName")对顶层框架的引用和parent属性类似，window对象还有一个top属性。

22、它表示对顶层框架的引用，这可以用来判断一个框架自身是否为顶层框架，例如、//判断本框架是否为顶层框架if(self==top){//dosomething}。

23、frame属性①name设置框架名称。

24、此为必须设置的属性。

25、②src设置此框架要显示的网页名称或路径。

26、此为必须设置的属性。

27、③scrolling设置是否要显示滚动条。

28、设定值为auto,yes,no。

29、④bordercolor设置框架的边框颜色。

30、⑤frameborder设置是否显示框架边框。

31、设定值只有0、1。

32、0表示不要边框，1表示要显示边框。

33、⑥noresize设置框架大小是否能手动调节。

34、⑦marginwidth设置框架边界和其中内容之间的宽度。

35、⑧marginhight设置框架边界和其中内容之间的高度。

36、⑨width设置框架宽度。

37、⑩height设置框架高度。

38、用例。

39、iframe是浮动的框架(frame)，其常用属性与frame类似，其他的主要有以下(相同的就不列举了)属性①align设置垂直或水平对齐方式②allowTransparency设置或获取对象是否可为透明。

40、用例注意、iframe标签与frameset、frame标签的验证方法不同，是XHTML0Transitional。

41、且iframe是放在body标签之内，而frameset、frame是放在body标签之外。

1、尝试了好多种方法，均不理想，而安卓系统则表现良好，于是想到，iOS系统可直接做页面跳转，而安卓系统则正常使用iframe（如果安卓系统直接做页面跳转，会有问题，故使用iframe），。

2、您好，我这边有直接代码，可以解决您手机浏览器的iframe的办法。

3、直接看代码：以上这篇ios不支持iframe的解决方法(兼容iOS&安卓)。

1、一样。

1、首先需要先下载一个iFrame带壳截屏APP。

2、点击打开iFrame带壳截屏APP，在屏幕的左下角有个手机图标。

3、点开手机图片选择你的手机本机的型号屏幕尺寸。

4、在左下角手机图标旁边有一个带圈的C，是可以给手机变颜迅愁色的，比如你的是iphone是金色或者黑色，只要点一下就会变色。

5、带壳截屏之后在它的右下角会有iFrame的水印侵温，如果不要软件自带的水印，点击屏幕右下角的三个小点，就可以看到移除iFrame水印的开关，把它关掉就可以。

6、设置好之后就可以开始带壳截屏了。任意点击这个带壳截图的手机页面的一个地方就会自动转到你的手机相册里面，选择你要制作的一张相片。

7、选好相片之后点击完成，就可以看到带壳截屏手机上变调宿塑成了你刚刚选择的图片了。

8、然后再点击屏幕下方靠左边的一个下载的图标，点击一下图片就会自动保存到你的手机相册里面了，这样你的带壳截屏的图片就制作成功啦。。

1、我收集的两篇文章。

2、http、//quartzylove.bokee.com/47981htmlhttp、//quartzylove.bokee.com/470130html在百度中搜索也能有很多答案的。