上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

安溪400电话申请开通【安溪企业网站建设】安溪微信公众号小程序开发运营价格、安溪微信公众号APP软件客户端设计运营、安溪网页页面设计公司费用、安溪公司网站制作方案流程改版维护大概需要多少钱

安溪县，古称清溪，位于福建省东南沿海，厦、漳、泉闽南金三角西北部，隶属泉州市。总面积3057.28平方千米，辖15个镇和9个乡，2019年末户籍人口121.10万。全县建成区面积28平方千米 [1]  。1985年，被国家批准为首批沿海对外开放县之一，是台胞的主要祖籍地。

安溪有上千年的产茶历史，是“中国乌龙茶（名茶）之乡”、安溪铁观音的发源地，位居中国重点产茶县第一位，以茶业闻名全中国，号称“中国茶都”。

安溪还是“中国藤铁工艺之乡”和“世界藤铁工艺之都” [2]  ，工艺品畅销世界50多个国家和地区，占中国同类产品交易额40%。

2019年，安溪县实现地区生产总值731.49亿元。 [3]  2019年，被评为全国综合实力百强县市第60位 [4]  、全国投资潜力百强县市第21位 [5]  、全国科技创新百强县市第77位 [6]  、全国绿色发展百强县市第54位 [7]  、全国新型城镇化质量百强县市第56位 [8]  ；第二批国家农产品质量安全县。 [9-10]  2020年10月9日，被生态环境部授予第四批国家生态文明建设示范市县称号。11月，入选 “2020年中国工业百强县（市）”，排名第83位。 [11] 

概述

当我们在一个页面嵌套使用了iframe之后,发现iframe嵌套的页面样式乱了,但是页面样式都应用上了,查看元素之后发现,嵌套的iframe里面的html并没有动态的设置上font-size,它也没有应用外面的html的font-size大小，还是iframe自身默认rem值即1rem=16px,所以解决办法是给iframe里面的html也动态设置上font-size,但前提是必须在页面加载完成才有效即window.onload里面.

设置iframe中html的font-size大小

<iframe src="https://www.zhuimengzhu.com/h5页面" frameborder="0" width="100%" height="100%" id="myIframe"></iframe>
<script>
    !(function(doc, win) {
        var timer,
            docEle = doc.documentElement,
            evt = "onorientationchange" in window ? "orientationchange" : "resize",
            setFontSize = function() {
                var width = docEle.getBoundingClientRect().width;
                width && (docEle.style.fontSize = 20 * (width / 320) + "px");
                // iframe的html元素font-size设置 必须在加载完成去设置
                win.onload = function() {
                    myIframe.contentWindow.document.documentElement.style.fontSize = width / 16 + "px"
                }
            };
        win.addEventListener(evt, function() {
            clearTimeout(timer);
            timer = setTimeout(setFontSize, 1000);
        }, false);
        setFontSize()
        doc.addEventListener("DOMContentLoaded", setFontSize, false);
    }(document, window));
</script>

查看我们的页面发现正常，这种根据根元素大小而改变iframe这层就相当于是根元素我们也需要对最外面的html添加上font-size值。

安溪400电话申请开通【安溪企业网站建设】安溪微信公众号小程序开发运营价格、安溪微信公众号APP软件客户端设计运营、安溪网页页面设计公司费用、安溪公司网站制作方案流程改版维护大概需要多少钱

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）