rem布局如何使用，rem布局用js控制的怎样兼容ie

成都创新互联专注于驻马店网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供驻马店营销型网站建设，驻马店网站制作、驻马店网页设计、驻马店网站官网定制、小程序定制开发服务，打造驻马店网络公司原创品牌,更为您提供驻马店网站排名全网营销落地服务。

成都创新互联公司专注于企业网络营销推广、网站重做改版、石景山网站定制设计、自适应品牌网站建设、H5高端网站建设、商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为石景山等各大城市提供网站开发制作服务。

1，rem布局用js控制的怎样兼容ie

不知道你说的IE是IE几版本？这个单位一般用在手机端网站，手机端不需要考虑IE的问题。Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+都可以兼容。

2，前端移动端页面怎么用rem布局

!new function()引入这段js代码，设计图的750px = 7.5rem ，同理10px = 0.1rem记得在css设置默认字体大小 body举例：.div1{width: 7.5rem;height: 1rem;}

rem单位确实好处蛮多的，它是相对于根节点，让我们整个网站单位可以统一。还可以让我们的字体更好的自适应网站的大小。但是，你用过了就知道，它会出现一个问题：用chrome浏览器打开你做的网站的时候，有时候会出现字体很大的情况。但是刷新一下页面就好了。之所以会出现这种情况，原因是因为我们为了计算方便，将原本默认1rem=16px修改1rem=10px。因此，我们在html中通常做了如下设置：html 但是呢，chrome浏览器有时候会忽略了html的设置。于是在初始化页面的时候，出现了上面字体过大的情况，本来1.6rem应该渲染成16px的字体，却被渲染成了16*1.6=25.6px大小了。

3，rem布局js动态设置html的fontsize大小

1、创建一个名称为fontsize的html文件。2、在body中加入p元素和button按钮。3、在自定义函数中创建一个字符串。4、用fontsize方法设置字符串的字号为5号。5、将返回的5号字符串赋值到p元素中。6、在浏览器中运行该文件点击button查看返回5号字号的字符串。

可以使用媒体查询为不同的屏幕设置不同的html font-size的大小

你可以监听屏幕的变化，html的fontsize做出相应的动作

直接上代码，你看一下，我用这个是对应最小屏上12px字体，大于768的都在768之内。话不多说，直接上代码$(function () docEl = document.documentElement; var width = docEl.clientWidth>768?768:docEl.clientWidth; fontsize = 12 * (width / 320) > 12

当前标题：rem布局如何使用，rem布局用js控制的怎样兼容ie
转载注明：http://cqcxhl.com/article/eppegs.html

重庆分公司，新征程启航

rem布局如何使用，rem布局用js控制的怎样兼容ie

1，rem布局用js控制的怎样兼容ie

2，前端移动端页面怎么用rem布局

3，rem布局js动态设置html的fontsize大小

其他资讯